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

  .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-toggle .symbol+span {
    display: block
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-toggle .currency-code {
    display: none
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-menu .language-flag {
    display: inline-flex
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-menu .currency-symbol {
    display: inline-flex
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-menu .language-title-dropdown {
    display: inline-flex
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-menu .currency-title-dropdown {
    display: inline-flex
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-menu .currency-code-dropdown {
    display: none
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] form .currency-symbol-title .symbol,
  .desktop-header-active .header .language-currency [class*=-wrapper] form .currency-symbol {
    display: flex !important;
    margin-inline-end: 4px
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-toggle .symbol {
    display: flex
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-toggle .symbol+span {
    display: block
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-toggle .currency-code {
    display: none
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-menu .language-flag {
    display: inline-flex
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-menu .currency-symbol {
    display: inline-flex
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-menu .language-title-dropdown {
    display: inline-flex
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-menu .currency-title-dropdown {
    display: inline-flex
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-menu .currency-code-dropdown {
    display: none
  }

  .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .currency-symbol-title .symbol,
  .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .currency-symbol {
    display: flex !important;
    margin-inline-end: 4px
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] form .dropdown-menu .language-flag {
    display: inline-flex
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] form .dropdown-menu .currency-symbol {
    display: inline-flex
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] form .dropdown-menu .language-title-dropdown {
    display: inline-flex
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] form .dropdown-menu .currency-title-dropdown {
    display: inline-flex
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] form .dropdown-menu .currency-code-dropdown {
    display: none
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-toggle .symbol {
    display: flex
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-toggle .symbol~span {
    display: none
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-toggle .currency-code {
    display: none
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-menu .language-flag {
    display: inline-flex
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-menu .currency-symbol {
    display: inline-flex
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-menu .language-title-dropdown {
    display: inline-flex
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-menu .currency-title-dropdown {
    display: inline-flex
  }

  .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-menu .currency-code-dropdown {
    display: none
  }

  .desktop-header-active .header {
    --desktop-logo-wrapper: 200px
  }

  .desktop-header-active .header .desktop-logo-wrapper {
    min-width: 200px
  }

  .desktop-header-active .header-classic .mid-bar .desktop-logo-wrapper {
    min-width: 200px;
    order: 0;
    position: relative;
    inset-inline: auto;
    transform: none
  }

  #logo {
    --logo-max-width: 200px;
    transition: all var(--header-transition) ease-out
  }

  .header #logo a,
  .desktop-logo-wrapper {
    justify-content: center
  }

  .header #logo a {
    padding: var(--j-gap-spacing-gap-2);
    --element-padding: var(--j-gap-spacing-gap-2)
  }

  .header #logo a,
  .header-slim-new #logo {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
  }

  .desktop-header-active .header-classic .mid-bar .desktop-search-wrapper {
    order: 2;
    flex-grow: 1
  }

  .desktop-header-active .header-classic .desktop-logo-wrapper {
    width: auto
  }

  .desktop-header-active .header-classic .desktop-search-wrapper {
    width: auto
  }

  .desktop-header-active .header-classic .classic-cart-wrapper {
    width: auto;
    margin-inline-start: auto
  }

  .desktop-header-active header:not(.header-slim) .header-compact .mid-bar {
    justify-content: flex-start
  }

  .desktop-header-active header:not(.header-slim) .header-compact .mid-bar .desktop-main-menu-wrapper {
    max-width: none
  }

  .desktop-header-active header:not(.header-slim) .header-compact .mid-bar .desktop-logo-wrapper {
    position: relative;
    left: 0;
    transform: translateX(0)
  }

  .desktop-header-active .header-mega .mid-bar .desktop-logo-wrapper {
    position: relative;
    inset-inline: initial;
    transform: none
  }

  .desktop-header-active .header-mega .mid-bar .secondary-menu {
    flex-grow: 1;
    max-width: none
  }
  .menu-trigger-1+.main-menu>.j-menu>.menu-item>a,
  .menu-trigger-1+.main-menu>.j-menu>.menu-item>a>.links-text,
  .menu-trigger-1+.main-menu>.j-menu>.desktop-language-wrapper button,
  .menu-trigger-1+.main-menu>.j-menu>.desktop-currency-wrapper button,
  .menu-trigger-1+.main-menu>.j-menu>.mobile-language-wrapper button,
  .menu-trigger-1+.main-menu>.j-menu>.mobile-currency-wrapper button,
  .menu-trigger-1+.main-menu>.j-menu>#cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: #000;
    letter-spacing: -.1px
  }

  .no-touchevents .menu-trigger-1+.main-menu>.j-menu>.menu-item:hover>a,
  .no-touchevents .menu-trigger-1+.main-menu>.j-menu>.menu-item:hover>a>.links-text,
  .menu-trigger-1+.main-menu>.j-menu>.menu-item.active>a>.links-text,
  .menu-trigger-1+.main-menu>.j-menu>.menu-item.open>a>.links-text,
  .menu-trigger-1+.main-menu>.j-menu>.menu-item.panel-active>a>.links-text,
  .no-touchevents .menu-trigger-1+.main-menu>.j-menu>#cart:hover>a,
  .no-touchevents .menu-trigger-1+.main-menu>.j-menu>.desktop-language-wrapper .dropdown:hover button,
  .no-touchevents .menu-trigger-1+.main-menu>.j-menu>.desktop-currency-wrapper .dropdown:hover button,
  .no-touchevents .menu-trigger-1+.main-menu>.j-menu>.mobile-language-wrapper .dropdown:hover button,
  .no-touchevents .menu-trigger-1+.main-menu>.j-menu>.mobile-currency-wrapper .dropdown:hover button {
    color: #000
  }

  .menu-trigger-1+.main-menu>.j-menu>.menu-item>a>.links-text>s {
    display: var(--display, block)
  }

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

  .menu-trigger-1+.main-menu>.j-menu>.menu-item>a:before {
    font-size: 1.1em
  }

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

  .menu-trigger-1+.main-menu>.j-menu>.menu-item:not(:first-child),
  .menu-trigger-1+.main-menu>.j-menu>.accordion-menu .menu-item>a+div,
  .menu-trigger-1+.main-menu>.j-menu>.accordion-menu .menu-item>a+div {
    border-style: none
  }

  .menu-trigger-1+.main-menu>.j-menu>.menu-item>a {
    padding: 0;
    --element-padding: 0px
  }

  .menu-trigger-1+.main-menu>.j-menu>.menu-item.has-image>a {
    padding: 1em;
    --element-padding: 1em
  }

  .menu-trigger-1+.main-menu>.j-menu>.menu-item {
    --menu-item-gap: var(--j-gap-spacing---7)
  }

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

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

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

  .menu-trigger-2+.main-menu>.j-menu>.menu-item>a,
  .menu-trigger-2+.main-menu>.j-menu>.menu-item>a>.links-text,
  .menu-trigger-2+.main-menu>.j-menu>.desktop-language-wrapper button,
  .menu-trigger-2+.main-menu>.j-menu>.desktop-currency-wrapper button,
  .menu-trigger-2+.main-menu>.j-menu>.mobile-language-wrapper button,
  .menu-trigger-2+.main-menu>.j-menu>.mobile-currency-wrapper button,
  .menu-trigger-2+.main-menu>.j-menu>#cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: uppercase;
    letter-spacing: .5px;
    line-height: 1.3
  }

  .no-touchevents .menu-trigger-2+.main-menu>.j-menu>.menu-item:hover>a,
  .no-touchevents .menu-trigger-2+.main-menu>.j-menu>.menu-item:hover>a>.links-text,
  .menu-trigger-2+.main-menu>.j-menu>.menu-item.active>a>.links-text,
  .menu-trigger-2+.main-menu>.j-menu>.menu-item.open>a>.links-text,
  .menu-trigger-2+.main-menu>.j-menu>.menu-item.panel-active>a>.links-text,
  .no-touchevents .menu-trigger-2+.main-menu>.j-menu>#cart:hover>a,
  .no-touchevents .menu-trigger-2+.main-menu>.j-menu>.desktop-language-wrapper .dropdown:hover button,
  .no-touchevents .menu-trigger-2+.main-menu>.j-menu>.desktop-currency-wrapper .dropdown:hover button,
  .no-touchevents .menu-trigger-2+.main-menu>.j-menu>.mobile-language-wrapper .dropdown:hover button,
  .no-touchevents .menu-trigger-2+.main-menu>.j-menu>.mobile-currency-wrapper .dropdown:hover button {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
  }

  .menu-trigger-2+.main-menu>.j-menu>.menu-item.open>a,
  .menu-trigger-2+.main-menu>.j-menu>.menu-item.open>a>.links-text,
  .menu-trigger-2+.main-menu>.j-menu>.menu-item.active>a>.links-text,
  .menu-trigger-2+.main-menu>.j-menu>.menu-item.panel-active>a>.links-text {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
  }

  .menu-trigger-2+.main-menu>.j-menu>.menu-item>a>.links-text>s {
    display: var(--display, block)
  }

  .menu-trigger-2+.main-menu>.j-menu>.dropdown>a:after,
  .menu-trigger-2+.main-menu>.j-menu>.dropdown>button:after,
  .menu-trigger-2+.main-menu>.j-menu>.desktop-language-wrapper .dropdown .dropdown-toggle:after,
  .menu-trigger-2+.main-menu>.j-menu>.desktop-currency-wrapper .dropdown .dropdown-toggle:after,
  .menu-trigger-2+.main-menu>.j-menu>.mobile-language-wrapper .dropdown .dropdown-toggle:after,
  .menu-trigger-2+.main-menu>.j-menu>.mobile-currency-wrapper .dropdown .dropdown-toggle:after {
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.6))
  }

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

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

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

  .menu-trigger-2+.main-menu>.j-menu>.menu-item>a:before {
    font-size: 1.1em
  }

  .menu-trigger-2+.main-menu>.j-menu>.menu-item>a:before,
  .menu-trigger-2+.main-menu>.j-menu>.menu-item>a .links-text em {
    margin-right: 5px;
    --element-margin-right: 5px
  }

  .menu-trigger-2+.main-menu>.j-menu>.menu-item:not(:first-child),
  .menu-trigger-2+.main-menu>.j-menu>.accordion-menu .menu-item>a+div,
  .menu-trigger-2+.main-menu>.j-menu>.accordion-menu .menu-item>a+div {
    border-style: none
  }

  .menu-trigger-2+.main-menu>.j-menu>.menu-item.has-image>a {
    padding: 1em;
    --element-padding: 1em
  }

  .menu-trigger-2+.main-menu>.j-menu>.menu-item {
    --menu-item-gap: var(--j-gap-spacing---6)
  }

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

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

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

  header .main-menu .mega-menu .mega-menu-content {
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 50%;
    padding: var(--j-gap-spacing-gutter-2);
    --element-padding: var(--j-gap-spacing-gutter-2)
  }

  .desktop header .main-menu .mega-menu .mega-menu-content {
    border-radius: 4px;
    --element-border-radius: 4px
  }

  header .main-menu .mega-menu .j-dropdown>.mega-menu-content {
    box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
  }

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

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

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

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

  header .main-menu .mega-menu.menu-item.dropdown.mega-menu#cart-content:before {
    display: block
  }

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

  header .main-menu .mega-menu.menu-item.dropdown.mega-menu {
    --triangle-top-distance: -10px
  }

  header .main-menu .mega-menu .mega-menu-content:before {
    display: none;
    background-image: linear-gradient(90deg, hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), .7) 80%, rgba(255, 255, 255, 0) 95%)
  }

  .desktop-main-menu-wrapper #main-menu {
    overflow-x: auto;
    overflow-y: hidden
  }

  .desktop-main-menu-wrapper #main-menu>.j-menu {
    flex-wrap: nowrap
  }

  .desktop-main-menu-wrapper>.main-menu>ul>li {
    flex-grow: 0
  }

  .desktop-main-menu-wrapper #main-menu>.j-menu>.main-menu-item:not(.mega-fullwidth) {
    position: static
  }

  .menu-1-scroll .desktop-main-menu-wrapper #main-menu {
    max-width: 1000px
  }

  .desktop-header-active .desktop-main-menu-wrapper.menu-top>.menu-trigger {
    height: 100%;
    height: auto
  }

  .desktop-header-active .desktop-main-menu-wrapper.menu-top>.menu-trigger .j-menu>li>a {
    justify-content: center
  }

  .desktop-header-active .mid-bar .desktop-main-menu-wrapper.menu-top {
    height: 100%
  }

  .desktop-main-menu-wrapper.menu-top>div:not(.menu-trigger) {
    height: 100%
  }

  .desktop-main-menu-wrapper.menu-top .main-menu>.j-menu>li {
    height: 100%
  }

  .desktop-main-menu-wrapper.menu-top .main-menu>.j-menu>li>a {
    height: 100%
  }

  .desktop-main-menu-wrapper.menu-top.menu-multi .main-menu>.j-menu>li {
    height: 100%
  }

  .desktop-main-menu-wrapper.menu-top.menu-multi .main-menu>.j-menu>li>a {
    height: 100%
  }

  .header-sticky.header-desktop-compact {
    --element-height-sticky: var(--desktop-sticky, var(--element-height, 0px))
  }

  .desktop-main-menu-wrapper {
    --menu-item-full-height: 100%
  }

  .desktop-main-menu-wrapper.menu-bar>div {
    height: var(--menu-item-full-height, 100%)
  }

  .desktop-main-menu-wrapper .desktop-cart-wrapper #cart {
    height: var(--menu-item-full-height, 100%)
  }

  .desktop-main-menu-wrapper .full-search #search {
    height: var(--menu-item-full-height, 100%)
  }

  .desktop-main-menu-wrapper.menu-bar>div>div {
    height: var(--menu-item-full-height, 100%)
  }

  .desktop-main-menu-wrapper.menu-bar .main-menu>.j-menu>li {
    height: var(--menu-item-full-height, 100%)
  }

  .desktop-main-menu-wrapper.menu-bar .main-menu>.j-menu>li>a {
    height: var(--menu-item-full-height, 100%)
  }

  .desktop-main-menu-wrapper.menu-bar .menu-trigger li {
    min-height: var(--menu-item-full-height, 100%)
  }

  .desktop-main-menu-wrapper.menu-bar.menu-multi .main-menu>.j-menu>li {
    height: auto
  }

  .desktop-main-menu-wrapper.menu-bar.menu-multi .main-menu>.j-menu>li>a {
    height: auto
  }

  .desktop-main-menu-wrapper.menu-bar.menu-multi .menu-trigger li {
    min-height: auto
  }

  .desktop-header-active .header-compact .desktop-logo-wrapper {
    order: 0
  }

  .desktop-header-active .header .mid-bar>.menu-top {
    order: initial !important;
    display: flex
  }

  .desktop-header-active .header .menu-stretch .main-menu-item>a .links-text {
    text-align: center;
    justify-content: center
  }

  .menu-bar .main-menu-1 {
    justify-content: flex-start
  }

  .header-sm .menu-bar .main-menu-1 {
    justify-content: center
  }

  .menu-bar .main-menu-1>.main-menu,
  .menu-bar .main-menu-1>.main-menu>.j-menu>li {
    flex-grow: 0
  }

  .menu-bar .main-menu-1 .main-menu>.j-menu>li>a {
    justify-content: flex-start
  }

  .menu-bar .main-menu-1 .main-menu>.j-menu>li>a .links-text {
    width: auto
  }

  div.desktop-main-menu-wrapper.menu-bar:before {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
  }

  .desktop-main-menu-wrapper.menu-bar {
    --bar-padding-dropdown: 0px
  }

  .desktop-main-menu-wrapper.menu-top {
    margin-left: var(--j-gap-spacing-gutter-4);
    --element-margin-left: var(--j-gap-spacing-gutter-4)
  }

  .menu-bar:after {
    --bg-scale-x: 1
  }

  .desktop-main-menu-wrapper.menu-bar:before {
    background: 0 0
  }

  .header .mid-bar:before {
    --bg-scale-x: 0
  }

  .header-compact:not(.header-slim) .mid-bar .desktop-logo-wrapper {
    margin-inline-end: 0
  }

  .header-compact:not(.header-slim) .mid-bar .header-cart-group {
    margin-inline-start: auto
  }

  .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown:not(.mega-fullwidth)>.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-start;
    --align-scroll: var(--align-scroll-start, 0);
    --translate-x: 0
  }

  .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown:not(.mega-fullwidth):first-child>.j-dropdown {
    left: 0;
    right: auto
  }

  .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown:not(.mega-fullwidth):last-child:not(:only-child)>.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto
  }

  .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown:not(.mega-fullwidth)>.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px)
  }

  .menu-bar .main-menu:before,
  .menu-bar .main-menu:after {
    display: none
  }

  .header .menu-trigger {
    margin-right: var(--j-gap-spacing---7);
    --element-margin-right: var(--j-gap-spacing---7)
  }

  .menu-trigger-1 {
    order: -1
  }

  .menu-trigger-2 {
    order: -1
  }

  .desktop-mobile-main-menu-container .mobile-wrapper-header+.desktop-mobile-main-menu-wrapper {
    margin: 0
  }

  .desktop-mobile-main-menu-wrapper+.module-grid {
    order: 2
  }

  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a>.links-text,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-language-wrapper button,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-currency-wrapper button,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-language-wrapper button,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-currency-wrapper button,
  .menu-trigger.menu-item.main-menu-item>.j-menu>#cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: #000;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
  }

  .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item:hover>a,
  .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item:hover>a>.links-text,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item.active>a>.links-text,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item.open>a>.links-text,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item.panel-active>a>.links-text,
  .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>#cart:hover>a,
  .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-language-wrapper .dropdown:hover button,
  .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-currency-wrapper .dropdown:hover button,
  .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-language-wrapper .dropdown:hover button,
  .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-currency-wrapper .dropdown:hover button {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
  }

  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a>.links-text>s {
    display: none
  }

  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a {
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    padding: .9em;
    --element-padding: .9em;
    padding-right: 1.1em;
    --element-padding-right: 1.1em;
    padding-left: 1.1em;
    --element-padding-left: 1.1em;
    --scale-active: .98
  }

  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a>span>s {
    color: #000
  }

  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a:before {
    font-size: 15px
  }

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

  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-language-wrapper button,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-currency-wrapper button,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-language-wrapper button,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-currency-wrapper button {
    background-color: #000;
    color: #FFF;
}
.menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a .links-text {
    color: #FFF;
}

  .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item:hover>a,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item.active>a,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item.open>a,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item.panel-active>a,
  .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-language-wrapper .dropdown:hover button,
  .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-currency-wrapper .dropdown:hover button,
  .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-language-wrapper .dropdown:hover button,
  .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-currency-wrapper .dropdown:hover button {
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
  }

  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item:not(:first-child),
  .menu-trigger.menu-item.main-menu-item>.j-menu>.accordion-menu .menu-item>a+div,
  .menu-trigger.menu-item.main-menu-item>.j-menu>.accordion-menu .menu-item>a+div {
    border-style: none
  }

  .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item {
    --menu-item-gap: 8px
  }

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

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

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

  .desktop-header-active .menu-trigger.menu-trigger-1 {
    display: inline-flex !important
  }

  .desktop-header-active [class*=-menu-container] .mobile-wrapper-header>span:after {
    content: 'Menu'
  }

  .desktop-header-active .mobile-cart-content-container .mobile-wrapper-header>span:after {
    content: 'Your Cart'
  }

  .desktop-header-active .mobile-wrapper-header>span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
  }

  .desktop-header-active .mobile-wrapper-header {
    padding-left: var(--j-gap-spacing---6);
    --element-padding-left: var(--j-gap-spacing---6);
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 0;
    border-bottom-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
  }

  .desktop-header-active .mobile-wrapper-header>a:before {
    content: '\e9c5' !important;
    font-family: icomoon !important;
    font-size: 17px;
    color: #000
  }

  .desktop-header-active .mobile-container {
    --mobile-wrapper-header: 48px;
    max-width: 90%;
    width: 400px;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
  }

  .desktop-header-active .mobile-filter-wrapper .module-filter {
    padding: var(--j-gap-spacing-padding-m);
    --element-padding: var(--j-gap-spacing-padding-m);
    padding-top: var(--j-gap-spacing---4);
    --element-padding-top: var(--j-gap-spacing---4)
  }

  .desktop-header-active .mobile-main-menu-wrapper .main-menu,
  .desktop-header-active .desktop-mobile-main-menu-wrapper .main-menu,
  .desktop-header-active .mobile-main-menu-wrapper+.accordion-menu,
  .desktop-header-active .desktop-mobile-main-menu-wrapper+.accordion-menu {
    padding: var(--j-gap-spacing---8);
    --element-padding: var(--j-gap-spacing---8)
  }

  .desktop-header-active .mobile-container .tab-container {
    --align-tabs: var(--tabs-align, flex-start)
  }

  .desktop-header-active .mobile-container .tab-container .full-tabs-bg {
    --full-bg-display: block
  }

  .desktop-header-active .mobile-container .tab-container .tab-content:before {
    --full-content-bg-display: block
  }

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

  .desktop-header-active .mobile-container .tab-container .tab-content {
    flex-basis: 100% !important;
    max-height: none;
    overflow-y: initial;
    overflow-x: initial
  }

  .desktop-header-active .mobile-container .tab-container .nav-tabs+.tab-content {
    margin-block-start: var(--spacing, 0px);
    margin-inline-start: 0
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>.links-text,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-language-wrapper button,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-currency-wrapper button,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-language-wrapper button,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-currency-wrapper button,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu #cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
  }

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

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a>.links-text,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active>a>.links-text,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active>a>.links-text {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>.links-text>s {
    display: var(--display, block)
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>span>s {
    color: #000
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a:before {
    font-size: 18px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a:before,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a .links-text em {
    margin-right: var(--j-gap-spacing---4);
    --element-margin-right: var(--j-gap-spacing---4)
  }

  .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:hover>a,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active>a,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active>a,
  .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-language-wrapper .dropdown:hover button,
  .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
  .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-language-wrapper .dropdown:hover button,
  .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:not(:first-child),
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu.accordion-menu .menu-item>a+div,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .accordion-menu .menu-item>a+div {
    border-style: none
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a {
    padding: 0;
    --element-padding: 0px
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item {
    --menu-item-gap: var(--j-gap-spacing---7)
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.has-image {
    --menu-item-gap: var(--j-gap-spacing---6)
  }

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

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item .menu-image>img {
    background-color: rgba(247, 247, 247, 1);
    --background-color: rgba(247, 247, 247, 1)
  }

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

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu>li {
    --menu-item-gap: 18px
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu>li {
    border-style: none
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu {
    border-width: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    margin-left: 22px;
    --element-margin-left: 22px
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---6);
    --element-margin-left: var(--j-gap-spacing---6)
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---9);
    --element-margin-left: var(--j-gap-spacing---9)
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---8);
    --element-margin-left: var(--j-gap-spacing---8)
  }

  .desktop-mobile-main-menu-wrapper .main-menu .open-menu em:before {
    content: '\e409' !important;
    font-family: icomoon !important;
    font-size: 12px
  }

  .desktop-mobile-main-menu-wrapper .main-menu .open-menu[aria-expanded=true] em:before {
    content: '\e40b' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, 1px, 0)
  }

  .desktop-mobile-main-menu-wrapper .main-menu .j-menu>.menu-item>a span.open-menu {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 9999px;
    --element-border-radius: 9999px;
    min-width: 24px;
    height: 24px
  }

  .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu .j-menu>.menu-item:hover>a span.open-menu,
  .desktop-mobile-main-menu-wrapper .main-menu .j-menu>.menu-item.panel-active>a span.open-menu,
  .desktop-mobile-main-menu-wrapper .main-menu .accordion-menu-item.open>a>.open-menu {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
  }

  .desktop-mobile-main-menu-wrapper .main-menu .j-menu>li:not(.mega-menu)>div .j-menu>li>a {
    padding-inline-start: 24px !important
  }

  .desktop-mobile-main-menu-wrapper .main-menu .j-menu>li:not(.mega-menu).has-image>div .j-menu>li>a {
    padding-inline-start: 32px !important
  }

  .desktop-mobile-main-menu-wrapper .main-menu .j-menu>li:not(.mega-menu)>div .j-menu>li>div>.j-menu>li>a {
    padding-inline-start: 20px !important
  }

  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a,
  .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a>.links-text {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: #000;
    letter-spacing: -.1px
  }

  .desktop-header-active .header-search {
    border-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    padding: 0;
    --element-padding: 0px;
    border-radius: 4px;
    --element-border-radius: 4px;
    box-shadow: none
  }

  .desktop-header-active .header-search input {
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1)) !important
  }

  .desktop-header-active div.header-search>.search-button:before {
    font-size: 16px;
    color: #000;
    transform: translate3d(0px, -1px, 0)
  }

  .no-touchevents.desktop-header-active .header-search:hover>.search-button:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
  }

  .desktop-header-active .header-search .search-button {
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    min-width: min(48px, 100%)
  }

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

  .desktop-header-active .header-search .search-categories-button {
    min-width: 48px
  }

  .desktop-header-active #search input::-webkit-input-placeholder {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.6))
  }

  .desktop-header-active #search input::-moz-input-placeholder {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.6))
  }

  .desktop-header-active #search input:-ms-input-placeholder {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.6))
  }

  .desktop-header-active .search-categories {
    display: flex;
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
  }

  .desktop-header-active .header-search>span {
    border-radius: 0
  }

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

  .desktop-header-active .search-categories-button.dropdown-toggle,
  .desktop-header-active .search-categories-button,
  .desktop-header-active .search-categories-button>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: #000;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
  }

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

  .desktop-header-active .search-categories-button:after {
    content: '\f0d7' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, 1px, 0)
  }

  .desktop-header-active .search-categories .dropdown-menu ul {
    width: 200px;
    max-height: 400px
  }

  .desktop-header-active .tt-menu {
    --item-width: 300px;
    --item-gap: 1px
  }

  .desktop-header-active .tt-menu>div {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
    border-radius: 4px;
    --element-border-radius: 4px
  }

  .desktop-header-active .tt-menu .search-result:not(.view-more) a {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
  }

  .no-touchevents.desktop-header-active .tt-menu .search-result:not(.view-more):hover a,
  .desktop-header-active .tt-cursor {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 1%), calc(var(--j-color-scheme-background-primary-a)*0.8));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 1%), calc(var(--j-color-scheme-background-primary-a)*0.8))
  }

  .desktop-header-active .tt-menu>div>div>a {
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
  }

  .desktop-header-active .tt-dataset {
    box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
  }

  .desktop-header-active #search .twitter-typeahead>.j-dropdown:not(#cart-content):before {
    display: none;
    opacity: 0
  }

  .desktop-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content {
    --dropdown-triangle: 0px;
    --triangle-size: 0px
  }

  .desktop-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content:before {
    top: 0;
    height: 100%
  }

  .desktop-header-active #search .twitter-typeahead>.tt-menu:before {
    display: none;
    --dropdown-triangle: 0px
  }

  .desktop-header-active #search .twitter-typeahead#cart-content:before {
    display: none
  }

  .desktop-header-active #search .twitter-typeahead>.j-dropdown:before,
  .desktop-header-active #search .twitter-typeahead>.tt-menu:before,
  .desktop-header-active #search .twitter-typeahead#cart-content:before {
    border-bottom-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --triangle-left-offset: -10px;
    top: 0
  }

  .desktop-header-active #search .twitter-typeahead {
    --triangle-top-distance: 0px
  }

  .desktop-header-active .search-result>a>img {
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
  }

  .desktop-header-active .search-result>a>span {
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    padding-left: var(--j-gap-spacing---6);
    --element-padding-left: var(--j-gap-spacing---6);
    justify-content: center
  }

  .desktop-header-active .search-result.view-more a {
    justify-content: center;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-500);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    padding: var(--j-gap-spacing---6);
    --element-padding: var(--j-gap-spacing---6)
  }

  .desktop-header-active .search-result .product-name {
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: #000;
    text-transform: none;
    line-height: 1.3;
    margin-bottom: var(--j-gap-spacing---4);
    --element-margin-bottom: var(--j-gap-spacing---4)
  }

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

  .desktop-header-active .search-result .product-name+span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    line-height: 1
  }

  .desktop-header-active .search-result .price-old {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: 90%;
    color: rgba(242, 119, 99, 1);
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
    letter-spacing: 0;
    line-height: 1
  }

  .no-touchevents.desktop-header-active .search-result.view-more a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 5%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 5%), calc(var(--j-color-scheme-background-secondary-a)*1))
  }

  .desktop-header-active .search-result.view-more a:after {
    content: '\e9b1' !important;
    font-family: icomoon !important;
    margin-left: 8px;
    --element-margin-left: 8px
  }

  .desktop-header-active .search-result:not(.view-more)>a:after {
    content: '\ea32' !important;
    font-family: icomoon !important;
    font-size: 24px;
    color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
  }

  .no-touchevents.desktop-header-active .search-result:not(.view-more)>a:hover:after {
    color: #000
  }

  .desktop-header-active .search-result>a {
    padding: var(--j-gap-spacing---5);
    --element-padding: var(--j-gap-spacing---5)
  }

  .desktop-header-active .search-result.no-results>a {
    color: #000 !important
  }

  .desktop-header-active #search {
    display: flex
  }

  .header-default .desktop-search-wrapper {
    order: 1;
    flex-grow: 0
  }

  .header-default .top-menu-group {
    order: -1;
    flex-grow: 1
  }

  .desktop-search-wrapper .header-search .search-button {
    order: 5;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
  }

  .desktop-search-wrapper .header-search>input:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .desktop-search-wrapper .header-search>input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .desktop-search-wrapper .header-search>span:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .desktop-search-wrapper .header-search>span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .desktop-search-wrapper .search-categories {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .desktop-search-wrapper .tt-menu:not(.tt-empty):before {
    left: calc(100% - var(--triangle-size, 10px));
    transform: translate3d(calc(-100% + var(--triangle-left-offset, 0px)), 2px, 0)
  }

  .desktop-header-active .header .mid-bar .desktop-search-wrapper {
    justify-content: start
  }

  .desktop-header-active .header .mini-search .header-search input {
    min-width: 150px
  }

  .desktop-header-active .full-search #search {
    --search-height: 40px;
    height: var(--search-height, 40px)
  }

  .desktop-header-active .header .mini-search .header-search>* {
    height: 48px
  }

  .header .mini-search .search-trigger .menu-icon:before {
    color: #000;
    transform: translate3d(0px, -1px, 0)
  }

  .desktop-header-active .search-trigger .menu-icon:after {
    display: none;
    content: 'Search';
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.1;
    --offset-y: 1px
  }

  .no-touchevents.desktop-header-active .header .mini-search:hover .search-trigger .menu-icon:before {
    color:hsl(357.7, 85.1%, 52.7%)
  }

  .desktop-header-active .header .mini-search .search-trigger {
    --width: 40px;
    --height: 40px
  }

  .desktop-header-active .header .mini-search {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
  }

  .desktop-header-active .mini-search {
    height: initial;
    order: 0;
    margin-inline-end: var(--element-margin-left, 0px)
  }

  .desktop-header-active .mini-search .search-trigger {
    height: var(--height, var(--width))
  }

  .desktop-header-active:not(.search-page) .header .mini-search #search .header-search {
    width: 440px;
    padding: 16px
  }

  .desktop-header-active:not(.search-page) .header .mini-search .header-search {
    box-shadow: 3px 15px 15px -2px rgb(0 0 0/10%), 3px 15px 35px -5px rgb(0 0 0/10%), 3px 15px 25px -5px rgb(0 0 0/0%)
  }

  .desktop-header-active.search-page .header .mini-search #search>.dropdown-menu {
    box-shadow: 3px 15px 15px -2px rgb(0 0 0/10%), 3px 15px 35px -5px rgb(0 0 0/10%), 3px 15px 25px -5px rgb(0 0 0/0%);
    border-radius: 4px;
    --element-border-radius: 4px;
    padding: 16px
  }

  .desktop-header-active .header .mini-search #search>.j-dropdown:before,
  .desktop-header-active .header .mini-search #search>.tt-menu:before,
  .desktop-header-active .header .mini-search #search#cart-content:before {
    border-bottom-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.9));
    --triangle-left-offset: -32px;
    top: 2px
  }

  .desktop-header-active:not(.search-page) .mini-search #search .header-search {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.9));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.9));
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
  }

  .desktop-header-active.search-page .mini-search #search>.dropdown-menu {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.9));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.9));
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    --max-w: 1000px;
    --top-offset: 80px;
    position: fixed;
    width: 100%;
    max-width: var(--max-w, 100%);
    top: var(--top-offset, 0);
    z-index: 100000;
    left: 0;
    right: 0;
    margin: 0 auto
  }

  .desktop-header-active.search-page .mini-search #search>.dropdown-menu:before {
    display: none
  }

  .desktop-header-active.search-page .mini-search #search .header-search {
    width: 100%
  }

  .desktop-header-active.search-page .header-cart-group {
    z-index: 9999999999 !important
  }

  .desktop-header-active.search-page .mini-search .animating>.j-dropdown {
    transition: transform .2s ease
  }

  .desktop-header-active.search-page #search.animating:before {
    content: '';
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5;
    opacity: .6;
    background-color: rgba(0, 0, 0, .8);
    --background-color: rgba(0, 0, 0, .8)
  }

  .desktop-header-active:not(.search-page) .mini-search #search>.dropdown-menu {
    inset-inline-end: calc(24px*-1)
  }

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

  .desktop-header-active .header .mid-bar .secondary-menu {
    order: 2
  }

  .desktop-header-active .header .mid-bar .desktop-cart-wrapper {
    order: 3
  }

  div.secondary-menu .top-menu>.j-menu>.menu-item>a,
  div.secondary-menu .top-menu>.j-menu>.menu-item>a>.links-text,
  div.secondary-menu .top-menu>.j-menu>.desktop-language-wrapper button,
  div.secondary-menu .top-menu>.j-menu>.desktop-currency-wrapper button,
  div.secondary-menu .top-menu>.j-menu>.mobile-language-wrapper button,
  div.secondary-menu .top-menu>.j-menu>.mobile-currency-wrapper button,
  div.secondary-menu .top-menu>.j-menu>#cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    text-align: center;
    line-height: 1.1
  }

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

  div.secondary-menu .top-menu>.j-menu>.menu-item>a {
    flex-direction: column;
    padding: var(--j-gap-spacing-gap-1);
    --element-padding: var(--j-gap-spacing-gap-1)
  }

  div.secondary-menu .top-menu>.j-menu>.menu-item>a>.links-text>s {
    display: none
  }

  div.secondary-menu .top-menu>.j-menu>.dropdown>a>.count-badge {
    margin-inline-end: 5px
  }

  div.secondary-menu .top-menu>.j-menu>.dropdown>a>.count-badge+.open-menu+.menu-label {
    margin-inline-start: 0
  }

  div.secondary-menu .top-menu>.j-menu>.dropdown>a:after {
    display: none
  }

  div.secondary-menu .top-menu>.j-menu>.dropdown>a {
    --dropdown-indicator: 0px
  }

  div.secondary-menu .top-menu>.j-menu>.dropdown>a>.links-text {
    margin-inline-end: initial
  }

  div.secondary-menu .top-menu>.j-menu>.menu-item>a>.links-text {
    max-width: none;
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    padding-bottom: initial;
    display: none
  }

  div.secondary-menu .top-menu>.j-menu>.language-currency .currency-title {
    max-width: none;
    white-space: normal;
    overflow: visible;
    text-overflow: initial
  }

  div.secondary-menu .top-menu>.j-menu>.language-currency .language-title {
    max-width: none;
    white-space: normal;
    overflow: visible;
    text-overflow: initial
  }

  div.secondary-menu .top-menu>.j-menu>.menu-item>a:before {
    font-size: 21px;
    transform: translate3d(1px, 0px, 0);
    color: #000
  }

  .no-touchevents div.secondary-menu .top-menu>.j-menu>.menu-item:hover>a:before,
  div.secondary-menu .top-menu>.j-menu>.menu-item.active>a:before,
  div.secondary-menu .top-menu>.j-menu>.menu-item.open>a:before,
  div.secondary-menu .top-menu>.j-menu>.menu-item.panel-active>a:before {
    color: hsl(357.7, 85.1%, 52.7%)
  }

  div.secondary-menu .top-menu>.j-menu>.menu-item:not(:first-child),
  div.secondary-menu .top-menu>.j-menu>.accordion-menu .menu-item>a+div,
  div.secondary-menu .top-menu>.j-menu>.accordion-menu .menu-item>a+div {
    border-style: none
  }

  div.secondary-menu .top-menu>.j-menu>.menu-item {
    --menu-item-gap: 0px
  }

  div.secondary-menu .top-menu>.j-menu>.menu-item>a>.count-badge {
    position: absolute;
    margin-inline-start: 0;
    margin-top: var(--margin-top, 0px);
    transform: translate3d(calc(75% + var(--x, 0px)), var(--count-badge-y, var(--menu-badge-y)), 0);
    inset-inline-start: initial;
    --x: -2px
  }

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

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

  .top-menu.secondary-menu {
    height: initial
  }

  .mid-bar .secondary-menu>.top-menu>.j-menu>.menu-item>a {
    min-height: 40px
  }

  .header .mid-bar>.secondary-menu {
    justify-content: flex-end;
    margin-inline: auto 0
  }

  .desktop-header-active.over-content.route-common-home header+.site-wrapper {
    margin-top: calc(0px - (var(--desktop-header, 80px) + var(--desktop-main-menu, 0px)))
  }

  header {
    --header-transition: .25s
  }

  .desktop-header-active.header-sticky .header #logo a {
    border-radius: 0;
    --element-border-radius: 0px
  }

  html {
    --desktop-top-bar: 40px;
    --desktop-top-bar: 0px !important
  }

  .top-bar .language-currency>div>div form .dropdown {
    height: auto
  }

  .top-bar .top-menu>ul>li {
    height: auto
  }

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

  .desktop-header-active .top-bar {
    display: none
  }

  .top-bar>div:not(.language-currency):first-child {
    width: auto
  }

  .top-bar>div:not(.language-currency):first-child>ul>li:last-child {
    position: relative;
    right: auto;
    transform: translateX(0)
  }

  @media (max-width:1540px) {
    .desktop-header-active .header .mid-bar {
      padding-right: var(--j-gap-spacing-gutter-1);
      --element-padding-right: var(--j-gap-spacing-gutter-1)
    }
  }

  @media (max-width:1200px) {
    .desktop-cart-wrapper #cart>a>em {
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .desktop-header-active #search .header-search .search-categories.dropdown>.j-dropdown {
      left: 0;
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start
    }

    .desktop-header-active #search .header-search .search-categories.dropdown>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px)
    }

    .desktop-header-active #search .twitter-typeahead>.j-dropdown:not(#cart-content):before {
      display: none;
      opacity: 0
    }

    .desktop-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content {
      --dropdown-triangle: 0px;
      --triangle-size: 0px
    }

    .desktop-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content:before {
      top: 0;
      height: 100%
    }

    .desktop-header-active #search .twitter-typeahead>.tt-menu:before {
      display: none;
      --dropdown-triangle: 0px
    }

    .desktop-header-active #search .twitter-typeahead#cart-content:before {
      display: none
    }
  }

  @media (max-width:900px) {
    .desktop-cart-wrapper #cart-items {
      display: inline-flex
    }

    .desktop-cart-wrapper #cart-total {
      display: none
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a>.links-text {
      font-size: var(--j-font_size-font-size-500)
    }

    .desktop-header-active .tt-menu>div {
      border-radius: 0;
      --element-border-radius: 0px
    }
  }

  .mobile-header-active .mobile-cart-wrapper #cart>a>em:after {
    content: 'Cart'
  }

  .mobile-cart-content-container-open [class*=-menu-container] .mobile-wrapper-header>span:after {
    content: 'Menu'
  }

  .mobile-cart-content-container-open .mobile-cart-content-container .mobile-wrapper-header>span:after {
    content: 'Your Cart'
  }

  .mobile-cart-content-container-open .mobile-wrapper-header>span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
  }

  .mobile-cart-content-container-open .mobile-wrapper-header {
    padding-left: var(--j-gap-spacing---6);
    --element-padding-left: var(--j-gap-spacing---6);
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 0;
    border-bottom-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
  }

  .mobile-cart-content-container-open .mobile-wrapper-header>a:before {
    content: '\e9c5' !important;
    font-family: icomoon !important;
    font-size: 17px;
    color: #000
  }

  .mobile-cart-content-container-open .mobile-container {
    --mobile-wrapper-header: 48px;
    max-width: 90%;
    width: 400px;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
  }

  .mobile-cart-content-container-open .mobile-filter-wrapper .module-filter {
    padding: var(--j-gap-spacing-padding-m);
    --element-padding: var(--j-gap-spacing-padding-m);
    padding-top: var(--j-gap-spacing---4);
    --element-padding-top: var(--j-gap-spacing---4)
  }

  .mobile-cart-content-container-open .mobile-main-menu-wrapper .main-menu,
  .mobile-cart-content-container-open .desktop-mobile-main-menu-wrapper .main-menu,
  .mobile-cart-content-container-open .mobile-main-menu-wrapper+.accordion-menu,
  .mobile-cart-content-container-open .desktop-mobile-main-menu-wrapper+.accordion-menu {
    padding: var(--j-gap-spacing---8);
    --element-padding: var(--j-gap-spacing---8)
  }

  .mobile-cart-content-container-open .mobile-container .tab-container {
    --align-tabs: var(--tabs-align, flex-start)
  }

  .mobile-cart-content-container-open .mobile-container .tab-container .full-tabs-bg {
    --full-bg-display: block
  }

  .mobile-cart-content-container-open .mobile-container .tab-container .tab-content:before {
    --full-content-bg-display: block
  }

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

  .mobile-cart-content-container-open .mobile-container .tab-container .tab-content {
    flex-basis: 100% !important;
    max-height: none;
    overflow-y: initial;
    overflow-x: initial
  }

  .mobile-cart-content-container-open .mobile-container .tab-container .nav-tabs+.tab-content {
    margin-block-start: var(--spacing, 0px);
    margin-inline-start: 0
  }

  .mobile-header-active .mobile-cart-wrapper #cart-items.count-badge {
    color: hsla(var(--j-color-scheme-brand-secondary-foreground-h), var(--j-color-scheme-brand-secondary-foreground-s), calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-secondary-foreground-a)*1));
    background-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
    border-style: none;
    border-radius: 99px;
    --element-border-radius: 99px;
    min-height: min(18px, 100%);
    display: inline-flex
  }

  .mobile-header-active .mobile-cart-wrapper #cart-items .count-zero {
    display: inline-flex !important
  }

  .mobile-header-active .mobile-header {
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --content-gutter: var(--j-gap-spacing---6)
  }

  .mobile-header-active .mobile-custom-menu-1 .links-text:after {
    content: 'Wishlist'
  }

  .mobile-header-active .mobile-custom-menu-2 .links-text:after {
    content: 'Compare'
  }

  :root {
    --mobile-bar: 70px;
    --mobile-sticky-height-reduction: 0px
  }

  .mobile-header-active.mobile-sticky .mobile-header {
    box-shadow: 1.3px 1.9px 3.6px rgba(0, 0, 0, .017), 3.5px 5.4px 10px rgba(0, 0, 0, .025), 8.4px 13px 24.1px rgba(0, 0, 0, .033), 28px 43px 80px rgba(0, 0, 0, .05);
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
  }

  .route-common-home.mobile-header-active .mobile-header {
    position: relative
  }

  .mobile-header-active .menu-trigger .menu-icon:after,
  .mobile-custom-menu .links-text:after,
  .mobile-header-active .search-trigger .menu-icon:after,
  .mobile-header-active .mobile-header .fa-shopping-cart:after,
  div.mobile-secondary-menu .top-menu .j-menu>li>a>.links-text {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.1
  }

  .mobile-header-active .menu-trigger .menu-icon:after,
  .mobile-custom-menu .links-text:after,
  .mobile-header-active .search-trigger .menu-icon:after,
  .mobile-header-active .mobile-header .fa-shopping-cart:after {
    margin-top: 3px
  }

  .mobile-bar .menu-trigger {
    width: 48px
  }

  .mobile-bar-group>a {
    width: 48px
  }

  .mobile-bar>a {
    width: 48px
  }

  .mobile-header-active .search-trigger {
    width: 48px
  }

  .mobile-cart-wrapper #cart>a {
    width: 48px
  }

  .mobile-header-active .mobile-bar :before {
    font-size: 22px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
  }

  .mobile-header-active .mobile-bar-group :before {
    font-size: 22px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
  }

  .mobile-header-active #cart>a>em:before {
    font-size: 22px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
  }

  .mobile-header-active .menu-trigger .menu-icon:after {
    display: none;
    content: 'Menu'
  }

  .mobile-custom-menu .links-text:after {
    display: none
  }

  .mobile-header-active .search-trigger .menu-icon:after {
    display: none;
    content: 'Search'
  }

  .mobile-header-active .mobile-header .fa-shopping-cart:after {
    display: none
  }

  .mobile-header-active .mobile-bar .count-badge,
  .mobile-header-active .mobile-bar-group .count-badge {
    --x: -3px;
    --margin-top: 15px
  }

  .mobile-header-active header .count-badge.count-badge {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    border-style: none;
    border-radius: 99px;
    --element-border-radius: 99px;
    min-height: min(18px, 100%)
  }

  .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-toggle .symbol {
    display: flex
  }

  .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-toggle .symbol+span {
    display: block
  }

  .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-toggle .currency-code {
    display: none
  }

  .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .language-flag {
    display: inline-flex
  }

  .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .currency-symbol {
    display: inline-flex
  }

  .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .language-title-dropdown {
    display: inline-flex
  }

  .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .currency-title-dropdown {
    display: inline-flex
  }

  .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .currency-code-dropdown {
    display: none
  }

  .mobile-header-active .language-currency [class*=-wrapper] form .currency-symbol-title .symbol,
  .mobile-header-active .language-currency [class*=-wrapper] form .currency-symbol {
    display: flex !important;
    margin-inline-end: 4px
  }

  .mobile-header-active #language .drop-menu>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center
  }

  .mobile-header-active #language .drop-menu:first-child>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center
  }

  .mobile-header-active #language .drop-menu:last-child>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center
  }

  .mobile-header-active #language .drop-menu>.j-dropdown:before {
    --triangle-right: 0px;
    --triangle-left: 0px
  }

  .mobile-header-active #currency .drop-menu>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center
  }

  .mobile-header-active #currency .drop-menu:first-child>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center
  }

  .mobile-header-active #currency .drop-menu:last-child>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center
  }

  .mobile-header-active #currency .drop-menu>.j-dropdown:before {
    --triangle-right: 0px;
    --triangle-left: 0px
  }

  .mobile-header-active .mobile-container #language .drop-menu>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center
  }

  .mobile-header-active .mobile-container #language .drop-menu:first-child>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center
  }

  .mobile-header-active .mobile-container #language .drop-menu:last-child>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center
  }

  .mobile-header-active .mobile-container #language .drop-menu>.j-dropdown:before {
    --triangle-right: 0px;
    --triangle-left: 0px
  }

  .mobile-header-active .mobile-container #currency .drop-menu>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center
  }

  .mobile-header-active .mobile-container #currency .drop-menu:first-child>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center
  }

  .mobile-header-active .mobile-container #currency .drop-menu:last-child>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center
  }

  .mobile-header-active .mobile-container #currency .drop-menu>.j-dropdown:before {
    --triangle-right: 0px;
    --triangle-left: 0px
  }

  .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-toggle .symbol {
    display: flex
  }

  .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-toggle .symbol~span {
    display: none
  }

  .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-toggle .currency-code {
    display: none
  }

  .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .language-flag {
    display: none
  }

  .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .currency-symbol {
    display: none
  }

  .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .language-title-dropdown {
    display: inline-flex
  }

  .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .currency-code-dropdown {
    display: inline-flex
  }

  .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .currency-title-dropdown {
    display: none
  }

  .mobile-header-active .mobile-container .language-currency {
    justify-content: center
  }


  .mobile-header-active #logo {
    --logo-max-width: 150px
  }

  .mobile-header-active .mobile-2 .mobile-bar .mobile-logo-wrapper {
    justify-content: start;
    order: -1
  }

  .mobile-header-active .mobile-1 div.mobile-logo-wrapper {
    position: var(--position);
    margin: var(--margin);
    left: 0;
    right: auto;
    transform: none;
    --margin: 0 0 0 50px;
    --position: absolute
  }

  html[dir=rtl].mobile-header-active .mobile-1 div.mobile-logo-wrapper {
    position: var(--position);
    margin: var(--margin);
    left: auto;
    right: 0;
    transform: none;
    --margin: 0 50px 0 0;
    --position: absolute
  }

  .mobile-header-active .mobile-2 .mobile-bar .menu-trigger {
    order: -1
  }

  .mobile-header-active .mobile-1 div.mobile-bar-group {
    width: 100%
  }

  .mobile-header-active .mobile-1 a.menu-trigger {
    position: relative;
    margin: 0 auto 0 0
  }

  html[dir=rtl].mobile-header-active .mobile-1 a.menu-trigger {
    position: relative;
    margin: 0 0 0 auto
  }

  .mobile-header-active .mobile-bar .menu-trigger {
    position: relative;
    inset-inline-start: -4px
  }

  .mobile-header-active .menu-trigger .menu-icon:before {
    font-size: 21px
  }

  .mobile-main-menu-container-open .mobile-wrapper-header>span:after {
    display: none
  }

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

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

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

  .mobile-main-menu-wrapper .main-menu.dropdown>.j-dropdown:before {
    --triangle-right: 0px;
    --triangle-left: 0px
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item>a:before {
    font-size: 1.2em
  }

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

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

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

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

  .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item {
    --menu-item-gap: 0px
  }

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

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

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

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

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

  .mobile-main-menu-wrapper .main-menu .j-menu .j-menu {
    --dropdown-padding: 0px
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>.links-text,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-language-wrapper button,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-currency-wrapper button,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-language-wrapper button,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-currency-wrapper button,
  .mobile-main-menu-wrapper .main-menu.accordion-menu #cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
  }

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

  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a>.links-text,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active>a>.links-text,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active>a>.links-text {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>.links-text>s {
    display: var(--display, block)
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>span>s {
    color: #000
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a:before {
    font-size: 18px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
  }

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

  .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:hover>a,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active>a,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active>a,
  .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-language-wrapper .dropdown:hover button,
  .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
  .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-language-wrapper .dropdown:hover button,
  .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:not(:first-child),
  .mobile-main-menu-wrapper .main-menu.accordion-menu.accordion-menu .menu-item>a+div,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .accordion-menu .menu-item>a+div {
    border-style: none
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a {
    padding: 0;
    --element-padding: 0px
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item {
    --menu-item-gap: var(--j-gap-spacing---7)
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.has-image {
    --menu-item-gap: var(--j-gap-spacing---6)
  }

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

  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item .menu-image>img {
    background-color: rgba(247, 247, 247, 1);
    --background-color: rgba(247, 247, 247, 1)
  }

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

  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu>li {
    --menu-item-gap: 18px
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu>li {
    border-style: none
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu {
    border-width: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    margin-left: 22px;
    --element-margin-left: 22px
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---6);
    --element-margin-left: var(--j-gap-spacing---6)
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---9);
    --element-margin-left: var(--j-gap-spacing---9)
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---8);
    --element-margin-left: var(--j-gap-spacing---8)
  }

  .mobile-main-menu-wrapper .main-menu .open-menu em:before {
    content: '\e409' !important;
    font-family: icomoon !important;
    font-size: 12px
  }

  .mobile-main-menu-wrapper .main-menu .open-menu[aria-expanded=true] em:before {
    content: '\e40b' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, 1px, 0)
  }

  .mobile-main-menu-wrapper .main-menu .j-menu>.menu-item>a span.open-menu {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 9999px;
    --element-border-radius: 9999px;
    min-width: 24px;
    height: 24px
  }

  .no-touchevents .mobile-main-menu-wrapper .main-menu .j-menu>.menu-item:hover>a span.open-menu,
  .mobile-main-menu-wrapper .main-menu .j-menu>.menu-item.panel-active>a span.open-menu,
  .mobile-main-menu-wrapper .main-menu .accordion-menu-item.open>a>.open-menu {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
  }

  .mobile-main-menu-wrapper .main-menu .j-menu>li:not(.mega-menu)>div .j-menu>li>a {
    padding-inline-start: 24px !important
  }

  .mobile-main-menu-wrapper .main-menu .j-menu>li:not(.mega-menu).has-image>div .j-menu>li>a {
    padding-inline-start: 32px !important
  }

  .mobile-main-menu-wrapper .main-menu .j-menu>li:not(.mega-menu)>div .j-menu>li>div>.j-menu>li>a {
    padding-inline-start: 20px !important
  }

  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a,
  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a>.links-text {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: #000;
    letter-spacing: -.1px
  }

  .mobile-main-menu-container-open [class*=-menu-container] .mobile-wrapper-header>span:after {
    content: 'Menu'
  }

  .mobile-main-menu-container-open .mobile-cart-content-container .mobile-wrapper-header>span:after {
    content: 'Your Cart'
  }

  .mobile-main-menu-container-open .mobile-wrapper-header>span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
  }

  .mobile-main-menu-container-open .mobile-wrapper-header {
    padding-left: var(--j-gap-spacing---6);
    --element-padding-left: var(--j-gap-spacing---6);
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 0;
    border-bottom-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
  }

  .mobile-main-menu-container-open .mobile-wrapper-header>a:before {
    content: '\e9c5' !important;
    font-family: icomoon !important;
    font-size: 17px;
    color: #000
  }

  .mobile-main-menu-container-open .mobile-container {
    --mobile-wrapper-header: 48px;
    max-width: 90%;
    width: 400px;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
  }

  .mobile-main-menu-container-open .mobile-filter-wrapper .module-filter {
    padding: var(--j-gap-spacing-padding-m);
    --element-padding: var(--j-gap-spacing-padding-m);
    padding-top: var(--j-gap-spacing---4);
    --element-padding-top: var(--j-gap-spacing---4)
  }

  .mobile-main-menu-container-open .mobile-main-menu-wrapper .main-menu,
  .mobile-main-menu-container-open .desktop-mobile-main-menu-wrapper .main-menu,
  .mobile-main-menu-container-open .mobile-main-menu-wrapper+.accordion-menu,
  .mobile-main-menu-container-open .desktop-mobile-main-menu-wrapper+.accordion-menu {
    padding: var(--j-gap-spacing---8);
    --element-padding: var(--j-gap-spacing---8)
  }

  .mobile-main-menu-container-open .mobile-container .tab-container {
    --align-tabs: var(--tabs-align, flex-start)
  }

  .mobile-main-menu-container-open .mobile-container .tab-container .full-tabs-bg {
    --full-bg-display: block
  }

  .mobile-main-menu-container-open .mobile-container .tab-container .tab-content:before {
    --full-content-bg-display: block
  }

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

  .mobile-main-menu-container-open .mobile-container .tab-container .tab-content {
    flex-basis: 100% !important;
    max-height: none;
    overflow-y: initial;
    overflow-x: initial
  }

  .mobile-main-menu-container-open .mobile-container .tab-container .nav-tabs+.tab-content {
    margin-block-start: var(--spacing, 0px);
    margin-inline-start: 0
  }

  .mobile-bar .mobile-custom-menu-1 .links-text:before {
    content: '\ea93' !important;
    font-family: icomoon !important
  }

  .mobile-bar .mobile-custom-menu-2 .links-text:before {
    content: '\ea20' !important;
    font-family: icomoon !important
  }

  .mobile-bar .mobile-custom-menu-1 .count-badge {
    display: inline-flex
  }

  .mobile-main-menu-container .mobile-wrapper-header+.mobile-main-menu-wrapper {
    margin: 0
  }

  .mobile-main-menu-wrapper+.module-grid {
    order: 2
  }

  .mobile-bar .mobile-custom-menu-2 .count-badge {
    display: inline-flex
  }

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

  .mobile-header-active .header-search {
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    padding: 0;
    --element-padding: 0px;
    border-radius: 99px;
    --element-border-radius: 99px
  }

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

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

  .mobile-header-active .header-search input {
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
  }

  .mobile-header-active div.header-search>.search-button:before {
    font-size: 16px;
    color: #000;
    transform: translate3d(0px, -1px, 0)
  }

  .no-touchevents .mobile-header-active .header-search:hover>.search-button:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
  }

  .mobile-header-active .header-search .search-button {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    min-width: min(40px, 100%)
  }

  .mobile-header-active #search input::-webkit-input-placeholder {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.6))
  }

  .mobile-header-active #search input::-moz-input-placeholder {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.6))
  }

  .mobile-header-active #search input:-ms-input-placeholder {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.6))
  }

  .mobile-header-active .search-categories {
    display: flex;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
  }

  .mobile-header-active .header-search>span {
    border-radius: 0
  }

  .mobile-header-active .search-categories-button.dropdown-toggle,
  .mobile-header-active .search-categories-button,
  .mobile-header-active .search-categories-button>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: #000;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3
  }

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

  .mobile-header-active .search-categories-button:after {
    content: '\f0d7' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, 1px, 0)
  }

  .mobile-header-active .search-categories .dropdown-menu ul {
    width: 200px;
    max-height: 400px
  }

  .mobile-header-active .tt-menu {
    --item-width: 300px;
    --item-gap: 1px
  }

  .mobile-header-active .tt-menu>div {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
    border-radius: 4px;
    --element-border-radius: 4px
  }

  .mobile-header-active .tt-menu .search-result:not(.view-more) a {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
  }

  .no-touchevents .mobile-header-active .tt-menu .search-result:not(.view-more):hover a,
  .mobile-header-active .tt-cursor {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 1%), calc(var(--j-color-scheme-background-primary-a)*0.8));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 1%), calc(var(--j-color-scheme-background-primary-a)*0.8))
  }

  .mobile-header-active .tt-menu>div>div>a {
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
  }

  .mobile-header-active .tt-dataset {
    box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
  }

  .mobile-header-active #search .twitter-typeahead>.j-dropdown:not(#cart-content):before {
    display: block;
    opacity: 1
  }

  .mobile-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content {
    --triangle-size: 10px;
    --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
  }

  .mobile-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content:before {
    top: var(--triangle-size-overlay, 0px);
    height: calc(100% - var(--triangle-size-overlay, 0px))
  }

  .mobile-header-active #search .twitter-typeahead>.tt-menu:before {
    display: block;
    --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
  }

  .mobile-header-active #search .twitter-typeahead#cart-content:before {
    display: block
  }

  .mobile-header-active #search .twitter-typeahead>.j-dropdown:before,
  .mobile-header-active #search .twitter-typeahead>.tt-menu:before,
  .mobile-header-active #search .twitter-typeahead#cart-content:before {
    border-bottom-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --triangle-left-offset: -10px;
    top: 0
  }

  .mobile-header-active #search .twitter-typeahead {
    --triangle-top-distance: 0px
  }

  .mobile-header-active .search-result>a>img {
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
  }

  .no-touchevents .mobile-header-active .tt-menu>div>div>a:hover img {
    border-color: #000
  }

  .mobile-header-active .search-result>a>span {
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    padding-left: var(--j-gap-spacing---6);
    --element-padding-left: var(--j-gap-spacing---6);
    justify-content: center
  }

  .mobile-header-active .search-result.view-more a {
    justify-content: center;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-500);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    padding: var(--j-gap-spacing---6);
    --element-padding: var(--j-gap-spacing---6)
  }

  .mobile-header-active .search-result .product-name {
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: #000;
    text-transform: none;
    line-height: 1.3;
    margin-bottom: var(--j-gap-spacing---4);
    --element-margin-bottom: var(--j-gap-spacing---4)
  }

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

  .mobile-header-active .search-result .product-name+span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    line-height: 1
  }

  .mobile-header-active .search-result .price-old {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: 90%;
    color: rgba(242, 119, 99, 1);
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
    letter-spacing: 0;
    line-height: 1
  }

  .no-touchevents .mobile-header-active .search-result.view-more a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 5%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 5%), calc(var(--j-color-scheme-background-secondary-a)*1))
  }

  .mobile-header-active .search-result.view-more a:after {
    content: '\e9b1' !important;
    font-family: icomoon !important;
    margin-left: 8px;
    --element-margin-left: 8px
  }

  .mobile-header-active .search-result:not(.view-more)>a:after {
    content: '\ea32' !important;
    font-family: icomoon !important;
    font-size: 24px;
    color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
  }

  .no-touchevents .mobile-header-active .search-result:not(.view-more)>a:hover:after {
    color: #000
  }

  .mobile-header-active .search-result>a {
    padding: var(--j-gap-spacing---5);
    --element-padding: var(--j-gap-spacing---5)
  }

  .mobile-header-active .search-result.no-results>a {
    color: #000 !important
  }

  .mobile-header-active .mobile-1 .mini-search {
    order: 10
  }

  .mobile-header.mobile-1 #search.animating:before {
    background-color: rgba(0, 0, 0, .8);
    --background-color: rgba(0, 0, 0, .8)
  }

  .mobile-header-active .mobile-search-group,
  .mobile-header-active .mobile-1 .mini-search #search>.dropdown-menu {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
  }

  .mobile-1 #search>.j-dropdown:not(#cart-content):before {
    display: none;
    opacity: 0
  }

  .mobile-1 #search>.j-dropdown>.mega-menu-content {
    --dropdown-triangle: 0px;
    --triangle-size: 0px
  }

  .mobile-1 #search>.j-dropdown>.mega-menu-content:before {
    top: 0;
    height: 100%
  }

  .mobile-1 #search>.tt-menu:before {
    display: none;
    --dropdown-triangle: 0px
  }

  .mobile-1 #search#cart-content:before {
    display: none
  }

  .mobile-1 #search>.j-dropdown:before,
  .mobile-1 #search>.tt-menu:before,
  .mobile-1 #search#cart-content:before {
    border-bottom-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    top: 0
  }

  .mobile-1 #search {
    --triangle-top-distance: -10px
  }

  .mobile-header-active .mobile-secondary-menu .top-menu>.j-menu>li.menu-item>a {
    min-height: 44px
  }

  .mobile-header .mobile-secondary-menu .top-menu>.j-menu {
    padding: 0 var(--content-gutter, 0px) 0 calc(var(--content-gutter, 0px) - 5px)
  }

  .mobile-header .mobile-secondary-menu .top-menu>.j-menu>li.menu-item:last-child {
    padding-inline-end: var(--content-gutter, 0px);
    margin-inline-end: 0
  }

  .mobile-header .mobile-secondary-menu .top-menu>.j-menu>li.menu-item:first-child {
    margin-inline-start: 0
  }

  html {
    --mobile-top-bar: 40px;
    --mobile-top-bar: 0px !important
  }

  .mobile-header-active .mobile-header .mobile-top-bar {
    display: none;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    justify-content: space-between;
    align-items: center
  }

  .mobile-header-active .mobile-bar {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
  }

  .mobile-header-active .mobile-logo-wrapper {
    border-top-left-radius: inherit
  }

  .mobile-header-active .mobile-header .mobile-top-menu-wrapper {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch
  }

  .mobile-header-active .mobile-top-menu-wrapper .menu-item {
    margin-inline-start: initial
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a,
  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a>.links-text,
  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.desktop-language-wrapper button,
  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.desktop-currency-wrapper button,
  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.mobile-language-wrapper button,
  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.mobile-currency-wrapper button,
  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>#cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: #000;
    letter-spacing: -.1px
  }

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

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a>.links-text>s {
    display: none
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.dropdown>a>.count-badge {
    margin-inline-end: 5px
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.dropdown>a>.count-badge+.open-menu+.menu-label {
    margin-inline-start: 0
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.dropdown>a:after {
    display: none
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.dropdown>a {
    --dropdown-indicator: 0px
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.dropdown>a>.links-text {
    margin-inline-end: initial
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a>.links-text {
    max-width: none;
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    padding-bottom: initial
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.language-currency .currency-title {
    max-width: none;
    white-space: normal;
    overflow: visible;
    text-overflow: initial
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.language-currency .language-title {
    max-width: none;
    white-space: normal;
    overflow: visible;
    text-overflow: initial
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a>span>s {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: #000;
    line-height: 1.1
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a:before {
    font-size: 1em;
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
  }

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

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a {
    padding: 0;
    --element-padding: 0px
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item {
    --menu-item-gap: var(--j-gap-spacing---5)
  }

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

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

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

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

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu:first-child>.j-dropdown {
    left: 50%;
    right: auto
  }

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu:last-child>.j-dropdown {
    left: 50%;
    right: auto
  }

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown>.j-dropdown:before {
    --triangle-right: 0px;
    --triangle-left: 0px
  }

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

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.mega-custom:first-child>.j-dropdown {
    left: 50%;
    right: auto
  }

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.mega-custom:last-child>.j-dropdown {
    left: 50%;
    right: auto
  }

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu.animating>.j-dropdown {
    --dropdown-from: 0
  }

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.mega-menu.animating>.j-dropdown {
    --dropdown-from: 0
  }

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

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

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

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

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

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

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

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item>a:before {
    font-size: 1.2em
  }

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

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

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

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

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item {
    --menu-item-gap: 0px
  }

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

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

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

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

  .mobile-header-active .mobile-top-bar .top-menu .dropdown .j-menu {
    --dropdown-padding: var(--j-gap-spacing---4)
  }

  .mobile-header-active .mobile-top-bar .top-menu .dropdown .j-menu .j-menu {
    --dropdown-padding: 0px
  }

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

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-menu):not(#search)>.j-dropdown {
    --dropdown-width: 100px;
    width: 100px
  }

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

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

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

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

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

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown:not(#cart-content):before {
    display: block;
    opacity: 1
  }

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

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

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

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-fullwidth)#cart-content:before {
    display: block
  }

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

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-fullwidth) {
    --triangle-top-distance: -2px
  }

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

  .mobile-header-active .mobile-top-bar .top-menu .dropdown.multi-level>.j-dropdown>.j-menu {
    --dropdown-cols: 2
  }

  .mobile-header-active .mobile-top-bar .top-menu>.j-menu>li>a {
    padding-left: 0;
    --element-padding-left: 0px
  }

  .mobile-header-active .mobile-wrapper-top-menu .top-menu>.j-menu>li>a>.links-text,
  .mobile-header-active .language-currency [class*=-wrapper] button.dropdown-toggle {
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-500);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
  }

  @media (max-width:1200px) {
    .mobile-header-active #search .header-search .search-categories.dropdown>.j-dropdown {
      left: 0;
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start
    }

    .mobile-header-active #search .header-search .search-categories.dropdown>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px)
    }

    .mobile-header-active #search .twitter-typeahead>.j-dropdown:not(#cart-content):before {
      display: none;
      opacity: 0
    }

    .mobile-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content {
      --dropdown-triangle: 0px;
      --triangle-size: 0px
    }

    .mobile-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content:before {
      top: 0;
      height: 100%
    }

    .mobile-header-active #search .twitter-typeahead>.tt-menu:before {
      display: none;
      --dropdown-triangle: 0px
    }

    .mobile-header-active #search .twitter-typeahead#cart-content:before {
      display: none
    }
  }

  @media (max-width:900px) {

    .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a>.links-text {
      font-size: var(--j-font_size-font-size-500)
    }

    .mobile-header-active .tt-menu>div {
      border-radius: 0;
      --element-border-radius: 0px
    }
  }

  @media (max-width:400px) {
    :root {
      --mobile-bar: 64px
    }

    .mobile-bar .menu-trigger {
      width: 40px
    }

    .mobile-bar-group>a {
      width: 40px
    }

    .mobile-bar>a {
      width: 40px
    }

    .mobile-header-active .search-trigger {
      width: 40px
    }

    .mobile-cart-wrapper #cart>a {
      width: 40px
    }
  }
  .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
  }

  div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-2 {
    display: flex
  }

  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: #000
  }

  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: #000;
    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: #000;
    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: #000
  }

  .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: #000
  }

  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: #000;
    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: #000
  }

  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: #000;
    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: #000;
    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: #000
  }

  .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: #000
  }

  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: #000;
    letter-spacing: -.1px
  }

  @media (max-width:900px) {

    div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a,
    div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a>.links-text {
      font-size: var(--j-font_size-font-size-500)
    }
  }

  .search-page .mini-search {
    --search-container-padding: 16px;
    --search-container-padding-outer: 16px;
  }

  /******************************
  Background Gradient Animation (can be used to animate gradient backgrounds)
  *******************************/
  @keyframes bg-gradient-animation {
    0% {
      background-position: 0% 50%;
    }

    50% {
      background-position: 100% 50%;
    }

    100% {
      background-position: 0% 50%;
    }
  }

  html[lang="ar"] body {
    font-family: "Tajawal", sans-serif;
  }

  .checkout-section.checkout-payment-details.payment-myfatoorah_pg {
    display: none;
  }

  #cookiescript_copyright {
    display: none;
  }

  .cookiescript_fsd_logo {
    display: none !important;
    visibility: hidden !important;
  }

  .cookiescript_fsd_powered {
    display: none !important;
    visibility: hidden !important;
  }

  input#input-password {
    text-align: left;
    direction: ltr;
  }

  input#input-confirm {
    text-align: left;
    direction: ltr;
  }

  @media (min-width: 1024px) {
    .quick-checkout-wrapper>div .left {
      padding-left: 25px;
    }
  }

  input#input-email {
    text-align: left;
    direction: ltr;
  }

  input#input-telephone {
    text-align: left;
    direction: ltr;
  }

  .quick-checkout-wrapper .confirm-section label input {
    float: inline-start;
  }

  /* تنسيق الخيار المعطل */
  .option-outofstock+.option-wrapper {
    opacity: 0.5;
    /* تقليل الشفافية لجعل الخيار يبدو معطلاً */
    pointer-events: none;
    /* منع التفاعل مع العنصر */
    position: relative;
  }

  .option-outofstock+.option-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ff0000;
    /* لون الخط المائل */
    transform: rotate(-45deg);
    /* الزاوية المطلوبة للخط المائل */
    transform-origin: center;
  }

  @font-face {
    font-family: Tajawal;
    font-style: normal;
    font-weight: 400;
    src: url(cf-fonts/s/tajawal/5.0.11/arabic/400/normal.woff2);
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
    font-display: swap;
  }

  @font-face {
    font-family: Tajawal;
    font-style: normal;
    font-weight: 400;
    src: url(cf-fonts/s/tajawal/5.0.11/latin/400/normal.woff2);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
  }

  @font-face {
    font-family: Tajawal;
    font-style: normal;
    font-weight: 700;
    src: url(cf-fonts/s/tajawal/5.0.11/arabic/700/normal.woff2);
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
    font-display: swap;
  }

  @font-face {
    font-family: Tajawal;
    font-style: normal;
    font-weight: 700;
    src: url(cf-fonts/s/tajawal/5.0.11/latin/700/normal.woff2);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
  }



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


  .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: #000;
    line-height: 1.7
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .j-menu>.menu-item>a,
  .j-menu>.menu-item>a>.links-text,
  .j-menu>.desktop-language-wrapper button,
  .j-menu>.desktop-currency-wrapper button,
  .j-menu>.mobile-language-wrapper button,
  .j-menu>.mobile-currency-wrapper button,
  .j-menu>#cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: #000;
    letter-spacing: -.1px
  }

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

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

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

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

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

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

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

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

  .j-menu>.menu-item>a>span>s {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: #000;
    line-height: 1.1
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: #fff;
  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: #000;
  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: #000 !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: #FFF !important
  }
  .no-touchevents .desktop-cart-wrapper div#cart>a {
    color: #FFF !important
  }
#cart {
  display: flex;
  --scale-active: .99
}

.desktop.mobile-cart-content-container-open [class*=-menu-container] .mobile-wrapper-header>span:after {
  content: 'Menu'
}

.desktop.mobile-cart-content-container-open .mobile-cart-content-container .mobile-wrapper-header>span:after {
  content: 'Your Cart'
}

.desktop.mobile-cart-content-container-open .mobile-wrapper-header>span {
  font-family: 'Noto Kufi Arabic';
  font-weight: 600;
  font-size: var(--j-font_size-font-size--title-item);
  color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
  text-transform: none;
  line-height: 1.3
}

.desktop.mobile-cart-content-container-open .mobile-wrapper-header {
  padding-left: var(--j-gap-spacing---6);
  --element-padding-left: var(--j-gap-spacing---6);
  background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
  --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
  border-width: 0;
  border-bottom-width: 1px;
  border-style: none;
  border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.desktop.mobile-cart-content-container-open .mobile-wrapper-header>a:before {
  content: '\e9c5' !important;
  font-family: icomoon !important;
  font-size: 17px;
  color: #000
}

.desktop.mobile-cart-content-container-open .mobile-container {
  --mobile-wrapper-header: 48px;
  max-width: 90%;
  width: 400px;
  background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
  --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.desktop.mobile-cart-content-container-open .mobile-filter-wrapper .module-filter {
  padding: var(--j-gap-spacing-padding-m);
  --element-padding: var(--j-gap-spacing-padding-m);
  padding-top: var(--j-gap-spacing---4);
  --element-padding-top: var(--j-gap-spacing---4)
}

.desktop.mobile-cart-content-container-open .mobile-main-menu-wrapper .main-menu,
.desktop.mobile-cart-content-container-open .desktop-mobile-main-menu-wrapper .main-menu,
.desktop.mobile-cart-content-container-open .mobile-main-menu-wrapper+.accordion-menu,
.desktop.mobile-cart-content-container-open .desktop-mobile-main-menu-wrapper+.accordion-menu {
  padding: var(--j-gap-spacing---8);
  --element-padding: var(--j-gap-spacing---8)
}

.desktop.mobile-cart-content-container-open .mobile-container .tab-container {
  --align-tabs: var(--tabs-align, flex-start)
}

.desktop.mobile-cart-content-container-open .mobile-container .tab-container .full-tabs-bg {
  --full-bg-display: block
}

.desktop.mobile-cart-content-container-open .mobile-container .tab-container .tab-content:before {
  --full-content-bg-display: block
}

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

.desktop.mobile-cart-content-container-open .mobile-container .tab-container .tab-content {
  flex-basis: 100% !important;
  max-height: none;
  overflow-y: initial;
  overflow-x: initial
}

.desktop.mobile-cart-content-container-open .mobile-container .tab-container .nav-tabs+.tab-content {
  margin-block-start: var(--spacing, 0px);
  margin-inline-start: 0
}

.desktop-cart-wrapper {
  height: initial
}

#cart>a>em {
  height: 100%
}

#cart-content {
  min-width: 400px
}

div.cart-content ul {
  background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
  --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
  border-radius: 4px;
  --element-border-radius: 4px;
  box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
}

div.cart-content {
  --cart-table-spacing-v: 12px
}

div.cart-content .cart-products tbody>tr>td {
  border-style: solid !important;
  border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
  vertical-align: middle
}

#cart-content>.j-dropdown:before,
#cart-content>.tt-menu:before,
#cart-content#cart-content:before {
  --triangle-left-offset: -5px
}

div.cart-content .cart-products {
  max-height: 340px;
  overflow-y: auto
}

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

div.cart-content .cart-empty:before {
  content: '\ea9c' !important;
  font-family: icomoon !important;
  font-size: 32px;
  margin-bottom: var(--j-gap-spacing---4);
  --element-margin-bottom: var(--j-gap-spacing---4)
}

div.cart-content .cart-totals table {
  padding: var(--j-gap-spacing---6) !important;
  --element-padding: var(--j-gap-spacing---6) !important
}

div.cart-content img {
  border-radius: 4px;
  --element-border-radius: 4px;
  background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
  --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
}

div.cart-content .td-qty {
  font-family: 'Noto Kufi Arabic';
  font-weight: 400;
  font-size: var(--j-font_size-font-size-200);
  color: #000;
  line-height: 1.25
}

div.cart-content .td-total {
  font-family: 'Noto Kufi Arabic';
  font-weight: 500;
  font-size: var(--j-font_size-font-size-300);
  color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
  line-height: 1
}

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

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

div.cart-content .td-name span {
  font-family: 'Noto Kufi Arabic';
  font-weight: 400;
  font-size: var(--j-font_size-font-size-100);
  color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
  line-height: 1.1
}

div.cart-content .td-name small {
  font-family: 'Noto Kufi Arabic';
  font-weight: 400;
  font-size: var(--j-font_size-font-size-100);
  color: #000;
  line-height: 1.1
}

div.cart-content .cart-products tbody .td-remove button i:before {
  font-size: 13px;
  transform: translate3d(-2px, 0px, 0);
  left: -3px;
  top: 1px
}

div.cart-content .cart-products tbody .td-remove button {
  color: #000
}

.no-touchevents div.cart-content .cart-products tbody .td-remove button:hover {
  color: rgba(13, 82, 214, 1)
}

.cart-content .cart-products tbody .td-image {
  display: block
}

.cart-content .cart-products tbody .td-image a {
  min-width: 60px
}

.cart-content .cart-products tbody .td-name a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

div.cart-content .cart-totals table,
div.cart-content .cart-totals table td {
  background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
  --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
}

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

div.cart-content .cart-totals .td-total-text {
  font-family: 'Noto Kufi Arabic';
  font-weight: 400;
  font-size: var(--j-font_size-font-size-300);
  color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
  text-decoration: none;
  -webkit-text-decoration: none;
  line-height: 1.3
}

div.cart-content .cart-totals tbody td {
  border-style: none !important
}

div.cart-content .cart-buttons {
  background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
  --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
  padding: var(--j-gap-spacing---5);
  --element-padding: var(--j-gap-spacing---5)
}

div.cart-content .btn-cart {
  display: inline-flex
}

div.cart-content .btn.btn-cart:before {
  content: none !important
}

div.cart-content .cart-buttons .btn-cart.btn,
div.cart-content .cart-buttons .btn-cart.btn:visited {
  color: #000 !important
}

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

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

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

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

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

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

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

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

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

div.cart-content .cart-buttons .btn-cart.btn.btn.disabled:after {
  font-size: 1em
}

div.cart-content .btn-checkout {
  display: inline-flex
}

.cart-content .cart-buttons {
  --cart-buttons-gap: 12px
}

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

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

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

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

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

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

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

div.cart-content .cart-buttons .btn-checkout.btn.btn.disabled:after {
  font-size: 1em
}

div.cart-content .cart-buttons .btn {
  padding: 1em !important;
  --element-padding: 1em !important;
  width: 100%;
  flex-grow: 1
}

.desktop-header-active #cart {
  margin-left: var(--j-gap-spacing---6);
  --element-margin-left: var(--j-gap-spacing---6)
}

.desktop-header-active .site-wrapper:before {
  display: block;
  display: block
}

.desktop-header-active .cart-open .site-overlay {
  display: none !important;
  opacity: 0;
  display: block;
  visibility: visible;
  opacity: var(--site-overlay-opacity, .5)
}

.desktop-header-active header .count-badge.count-badge {
  color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
  background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
  --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
  border-style: none;
  border-radius: 99px;
  --element-border-radius: 99px;
  min-height: min(18px, 100%)
}

.desktop-header-active.route-common-home .header .mid-bar,
.desktop-header-active.route-common-home .header-slim-new>div {
  background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
  --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.desktop-header-active {
  --sticky-top-distance: 120px
}

header .menu-item>a,
header .menu-item>a>.links-text,
header .desktop-language-wrapper button,
header .desktop-currency-wrapper button,
header .mobile-language-wrapper button,
header .mobile-currency-wrapper button,
header #cart>a {
  font-family: 'Noto Kufi Arabic';
  font-weight: 400;
  font-size: var(--j-font_size-font-size--title-menu);
  color: #000;
  letter-spacing: -.1px
}

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

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

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

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

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

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

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

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

header .menu-item>a>span>s {
  font-family: 'Noto Kufi Arabic';
  font-weight: 400;
  font-size: var(--j-font_size-font-size-100);
  color: #000;
  line-height: 1.1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.desktop-header-active.route-common-home .header .mid-bar {
  padding-right: 20px;
  --element-padding-right: 20px;
  border-bottom-right-radius: 4px;
  --element-border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  --element-border-bottom-left-radius: 4px
}

.desktop-header-active .header,
.desktop-header-active .header-slim-new:before {
  background-color: #FFF;
}

.desktop-header-active.route-common-home .header {
  background: 0 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  --background-color: transparent
}

:root {
  --desktop-header: 90px;
  --desktop-sticky: 80px
}

.header>div {
  max-width: calc(var(--max-width, var(--content-max-width, 100%)) - var(--content-gutter, 0px)*2)
}

.desktop-header-active .menu-open .site-overlay {
  display: block;
  visibility: visible;
  opacity: var(--site-overlay-opacity, .5)
}

.desktop-header-active .language-currency {
  --language-currency-spacing: 6px
}

.desktop-header-active .header .top-bar .language-currency {
  position: absolute;
  inset-inline-start: 50%;
  transform: translateX(var(--transform-50-rtl, -50%));
  height: var(--desktop-top-bar, 35px)
}

.desktop-header-active .header .top-bar {
  justify-content: space-between
}

.desktop-header-active .header .mid-bar .language-currency {
  margin-right: var(--j-gap-spacing---6);
  --element-margin-right: var(--j-gap-spacing---6);
  margin-left: var(--j-gap-spacing---5);
  --element-margin-left: var(--j-gap-spacing---5)
}

.header-cart-group .language-currency {
  flex-direction: row;
  align-items: center;
  justify-content: normal
}

div.language-currency.top-menu .currency .drop-menu>.j-dropdown {
  left: 50%;
  right: auto;
  transform: translate3d(-50%, var(--dropdown-from), 0);
  align-items: center
}

div.language-currency.top-menu .currency .drop-menu:first-child>.j-dropdown {
  left: 50%;
  right: auto;
  transform: translate3d(-50%, var(--dropdown-from), 0);
  align-items: center
}

div.language-currency.top-menu .currency .drop-menu:last-child>.j-dropdown {
  left: 50%;
  right: auto;
  transform: translate3d(-50%, var(--dropdown-from), 0);
  align-items: center
}

div.language-currency.top-menu .currency .drop-menu>.j-dropdown:before {
  --triangle-right: 0px;
  --triangle-left: 0px
}


.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: #000;
    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: #000 !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: #000;
    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: #000 !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: #000 !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: #000 !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: #000 !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: #000 !important;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .btn.upload-btn {
    width: auto
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .popup-header:after {
    display: none
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .scroll-top.auto-carousel-buttons span:before,
  .scroll-top.swiper-buttons>div:before,
  .scroll-top.scroll-top em:before,
  .scroll-top.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: #000
  }

  .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: #000;
    border-radius: 99px;
    --element-border-radius: 99px
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .block-expand.btn,
  .block-expand.btn:visited {
    color: #000 !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .modal .modal-header {
    position: sticky
  }

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

  .modal {
    color: #000
  }

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

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

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

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

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

  .notification-cart .notification-close:before {
    content: '\e5cd' !important;
    font-family: icomoon !important;
    font-size: 16px;
    color: #000
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .notification-cart .notification-text {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: #000;
    line-height: 1.5
  }

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

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

  .notification-cart .notification-view-cart.btn,
  .notification-cart .notification-view-cart.btn:visited {
    color: #000 !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .notification-wishlist .notification-close:before {
    content: '\e5cd' !important;
    font-family: icomoon !important;
    font-size: 16px;
    color: #000
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .notification-wishlist .notification-text {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: #000;
    line-height: 1.5
  }

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

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

  .notification-wishlist .notification-view-cart.btn,
  .notification-wishlist .notification-view-cart.btn:visited {
    color: #000 !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .notification-compare .notification-close:before {
    content: '\e5cd' !important;
    font-family: icomoon !important;
    font-size: 16px;
    color: #000
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .notification-compare .notification-text {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: #000;
    line-height: 1.5
  }

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

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

  .notification-compare .notification-view-cart.btn,
  .notification-compare .notification-view-cart.btn:visited {
    color: #000 !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .notification-wrapper-message>div .notification-close {
    display: block;
    width: 28px;
    height: 28px;
    margin-inline-end: 4px;
    margin-top: 4px
  }

  .notification-wrapper-message>div .notification-close:before {
    content: '\e5cd' !important;
    font-family: icomoon !important;
    font-size: 16px;
    color: #000
  }

  .notification-wrapper-message>div .btn.notification-close {
    border-radius: 99px !important;
    --element-border-radius: 99px !important
  }

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

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

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

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

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

  .notification-wrapper-message>div .notification-close.btn,
  .notification-wrapper-message>div .notification-close.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
  }

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

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

  .notification-wrapper-message>div .notification-close.btn:active,
  .no-touchevents .notification-wrapper-message>div .notification-close.btn:hover:active,
  .notification-wrapper-message>div .notification-close.btn:focus:active {
    box-shadow: none
  }

  .notification-wrapper-message>div .notification-close.btn:focus {
    box-shadow: none
  }

  .notification-wrapper-message>div .notification-close.btn.btn.disabled:after {
    font-size: 1em
  }

  .notification-wrapper-message>div .notification-content {
    display: block
  }

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

  .notification-wrapper-message>div .notification-text {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: #000;
    line-height: 1.5
  }

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

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

  .notification-wrapper-message>div .notification-view-cart.btn,
  .notification-wrapper-message>div .notification-view-cart.btn:visited {
    color: #000 !important
  }

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

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

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

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

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

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

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

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

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

  .notification-wrapper-message>div .notification-view-cart.btn.btn.disabled:after {
    font-size: 1em
  }

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

  .notification-wrapper-message>div .notification-view-cart:before {
    content: none !important
  }

  .notification-wrapper-message>div .notification-buttons .btn {
    padding: .8em !important;
    --element-padding: .8em !important
  }

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

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

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

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

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

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

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

  .notification-wrapper-message>div .notification-checkout.btn.btn.disabled:after {
    font-size: 1em
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .popup-quickview .popup-header:after {
    display: none
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .popup-quickview .popup-container {
    width: 1100px
  }

.popup-quickview .product-right .description {
    order: 100
  }

  .popup-quickview .expand-content {
    max-height: 100%;
    overflow: visible;
    max-height: 100px
  }

  .header-logo {
    display: block
  }

  .header-logo-alternate {
    display: none
  }

  .mobile-header .header-logo {
    display: block
  }

  .mobile-header .header-logo-alternate {
    display: none
  }

  .login-box>div {
    flex-basis: 300px;
    padding: calc(60px/2)
  }

  .login-box>div:first-child {
    order: 2;
    display: block
  }

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

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

  .popup-login .popup-header:after {
    display: none
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  a.forgot-password {
    margin-bottom: var(--j-gap-spacing-vertical-l);
    --element-margin-bottom: var(--j-gap-spacing-vertical-l)
  }

  .maintenance-page header {
    display: none !important
  }

  .maintenance-page footer {
    display: none !important
  }

  #common-maintenance>.content {
    text-align: center;
    display: none
  }

  #common-maintenance {
    background-image: linear-gradient(90deg, var(--brand_primary) 16.73%, var(--brand_secondary) 87.71%);
    padding: var(--j-gap-spacing-gutter-2);
    --element-padding: var(--j-gap-spacing-gutter-2)
  }

  #common-maintenance>.content img {
    border-radius: 4px;
    --element-border-radius: 4px;
    max-width: min(400px, 100%)
  }
/** End Header **/
/** Start Footer **/
footer .grid-cols-wrapper {
    max-width: 1440px
}

footer {
    overflow: hidden
}

footer>.grid-rows>.grid-row-3>.grid-cols-wrapper>.grid-cols>.grid-col {
    --unit: 1%
}

footer>.grid-rows>.grid-row-3>.row-bg {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

footer>.grid-rows>.grid-row-3:before {
    display: block;
    left: 0;
    right: 0;
    width: 100%
}

footer>.grid-rows>.grid-row-3 .wave-top {
    display: block
}

footer>.grid-rows>.grid-row-3>.wave-top {
    transform: translate3d(0, -63%, 0) scale(1)
}

footer>.grid-rows>.grid-row-3>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
    min-width: 100%;
    display: block
}

footer>.grid-rows>.grid-row-3>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
    justify-content: flex-start
}

footer>.grid-rows>.grid-row-3>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
    height: auto
}

footer>.grid-rows>.grid-row-3>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
    --unit: 1%;
    left: 0;
    right: auto;
    display: none
}

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

footer>.grid-rows>.grid-row-5>.grid-cols-wrapper {
    --content-gutter: 0px
}

footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col {
    flex-basis: calc((900px + 1px - (100*var(--unit, 1%)))*9999);
    --unit: 1vw
}

footer>.grid-rows>.grid-row-5>.row-bg {
    background-color: #eaeaea;
    --background-color: #eaeaea;
    background-image:none;

    background-position: center center
}

footer>.grid-rows>.grid-row-5:before {
    display: block;
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    left: 0;
    right: 0;
    width: 100%
}

footer>.grid-rows>div.grid-row-5:before {
    max-width: 50%;
    left: 0;
    right: auto;
    margin: 0
}

footer>.grid-rows>.grid-row-5 .wave-top {
    display: block
}

footer>.grid-rows>.grid-row-5>.wave-top {
    transform: translate3d(0, -63%, 0) scale(1)
}

footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
    min-width: 40%;
    display: block
}

footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
    padding: var(--j-gap-spacing-vr-row-l);
    --element-padding: var(--j-gap-spacing-vr-row-l);
    padding-right: var(--j-gap-spacing-gutter-1);
    --element-padding-right: var(--j-gap-spacing-gutter-1);
    padding-left: var(--j-gap-spacing-gutter-1);
    --element-padding-left: var(--j-gap-spacing-gutter-1)
}

footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
    height: auto
}

footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
    --unit: 1%;
    left: 0;
    right: auto;
    display: none
}
.grid-items>.grid-item.grid-module-footer-5-1-1 {
    display: flex
}

div.grid-items>.grid-item.grid-module-footer-5-1-2 {
    margin-top: var(--j-gap-spacing-vertical-l) !important;
    --element-margin-top: var(--j-gap-spacing-vertical-l) !important
}

.grid-items>.grid-item.grid-module-footer-5-1-2 {
    display: flex
}

div.grid-items>.grid-item.grid-module-footer-5-1-3 {
    margin-top: var(--j-gap-spacing---9) !important;
    --element-margin-top: var(--j-gap-spacing---9) !important
}

.grid-items>.grid-item.grid-module-footer-5-1-3 {
    display: flex
}

footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-2 {
    min-width: 60%;
    display: block
}

footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items {
    padding: var(--j-gap-spacing-vr-row-l);
    --element-padding: var(--j-gap-spacing-vr-row-l);
    padding-right: 0;
    --element-padding-right: 0px;
    padding-left: var(--j-gap-spacing-vr-row-m);
    --element-padding-left: var(--j-gap-spacing-vr-row-m)
}

footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items>.grid-item:not(:empty) {
    height: auto
}

footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items:before {
    --unit: 1%;
    left: 0;
    right: auto;
    display: none
}

@media (max-width:900px) {
    footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items {
        padding-right: var(--j-gap-spacing-gutter-1);
        --element-padding-right: var(--j-gap-spacing-gutter-1);
        padding-left: var(--j-gap-spacing-gutter-1);
        --element-padding-left: var(--j-gap-spacing-gutter-1)
    }
}

.grid-items>.grid-item.grid-module-footer-5-2-1 {
    display: flex
}

footer>.grid-rows>.grid-row-6 {
    --col-gap: var(--j-gap-spacing---6);
    padding-top: var(--j-gap-spacing---7);
    padding-bottom: var(--j-gap-spacing---7)
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col {
    flex-basis: calc((600px + 1px - (100*var(--unit, 1%)))*9999);
    --unit: 1vw
}

footer>.grid-rows>.grid-row-6>.row-bg {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-image: radial-gradient(circle at 10% 20%, #5a5c6a 0%, #202d3a 81.3%);
    border-image-slice: 1
}

footer>.grid-rows>.grid-row-6:before {
    display: block;
    left: 0;
    right: 0;
    width: 100%
}

footer>.grid-rows>.grid-row-6 .wave-top {
    display: block
}

footer>.grid-rows>.grid-row-6>.wave-top {
    transform: translate3d(0, -63%, 0) scale(1)
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
    min-width: 25%;
    display: block
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
    justify-content: center
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
    height: auto
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
    --unit: 1%;
    left: 0;
    right: auto;
    display: none
}

@media (max-width:900px) {
    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
        align-items: center
    }
}

@media (max-width:500px) {
    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
        min-width: 100%
    }
}

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

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-2 {
    min-width: 25%;
    display: block
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items {
    justify-content: center
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items>.grid-item:not(:empty) {
    height: auto
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items:before {
    --unit: 1%;
    left: 0;
    right: auto;
    display: none
}

@media (max-width:900px) {
    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items {
        align-items: center
    }
}

@media (max-width:500px) {
    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-2 {
        min-width: 100%
    }
}

.grid-items>.grid-item.grid-module-footer-6-2-1 {
    display: flex
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-3 {
    min-width: 20%;
    display: block
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-3>.grid-items>.grid-item:not(:empty) {
    height: auto
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-3>.grid-items:before {
    --unit: 1%;
    left: 0;
    right: auto;
    display: none
}

@media (max-width:900px) {
    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-3>.grid-items {
        align-items: center
    }
}

@media (max-width:500px) {
    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-3 {
        min-width: 100%
    }
}

.grid-items>.grid-item.grid-module-footer-6-3-1 {
    display: flex
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-4 {
    min-width: 30%;
    display: block
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-4>.grid-items>.grid-item:not(:empty) {
    height: auto
}

footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-4>.grid-items:before {
    --unit: 1%;
    left: 0;
    right: auto;
    display: none
}

@media (max-width:900px) {
    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-4>.grid-items {
        align-items: center
    }
}

@media (max-width:500px) {
    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-4 {
        min-width: 100%
    }
}

.grid-items>.grid-item.grid-module-footer-6-4-1 {
    display: flex
}


div.module-catalog-453 .catalog-title:not(:empty)+.item-assets {
    margin-top: var(--j-gap-spacing---7)
}

div.module-catalog-453 .item-assets .subitems {
    --catalog-link-gap: var(--j-gap-spacing---5)
}

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

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

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

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

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

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

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

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

.module-catalog-453 .subitem>a s {
    background-color: rgba(215, 228, 254, 1);
    --background-color: rgba(215, 228, 254, 1);
    border-radius: 3px;
    --element-border-radius: 3px
}

.module-catalog-453 .catalog-title:not(:empty)+.item-assets {
    margin-top: var(--j-gap-spacing---5)
}

.module-catalog-453 .catalog-title {
    display: flex;
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsl(357.7, 85.1%, 52.7%);
    text-transform: none;
    line-height: 1.3;
    width: auto;
    margin-inline: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    -webkit-line-clamp: 2
}

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

.module-catalog-453 .subitems {
    align-items: flex-start;
    --catalog-link-gap: var(--j-gap-spacing---4);
    --column-count: auto;
    --column-width: 150px;
    --column-gap: 32px;
    column-rule-style: none
}

.module-catalog-453 .subitem a {
    padding-bottom: 1px;
    --element-padding-bottom: 1px;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: #000;
    letter-spacing: -.1px
}

.no-touchevents .module-catalog-453 .subitem:hover a {
    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-catalog-453 .subitem.view-more span {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

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

.module-catalog-453 .subitem.view-more:after {
    content: '\f105' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    transform: translate3d(0px, 1px, 0);
    margin-left: 6px;
    --element-margin-left: 6px
}

.no-touchevents .module-catalog-453 .subitem.view-more:hover:after {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1))
}

.module-catalog-453 .subitem>a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.module-catalog-453 .subitem:before {
    margin-right: var(--j-gap-spacing---3);
    --element-margin-right: var(--j-gap-spacing---3)
}

.no-touchevents .module-catalog-453 .catalog-image .catalog-image:hover {
    transform: scale(var(--scale-hover, 1));
    transform: scale(var(--scale-hover, 1))
}

.module-catalog-453 .catalog-image .catalog-image:active {
    transform: scale(var(--scale-active, 1));
    transform: scale(var(--scale-active, 1))
}

.module-catalog-453 .catalog-image {
    --scale-hover: 1.02;
    --scale-active: 1;
    justify-content: start;
    align-items: start;
    order: 2;
    display: flex
}

.module-catalog-453 .catalog-image img,
.module-catalog-453 .catalog-image:after {
    border-radius: 4px;
    --element-border-radius: 4px
}

.module-catalog-453 .item-content:before {
    display: none
}

.module-catalog-453 .catalog-image:before {
    inset-inline: 50% 50%;
    inset-block: 50% 50%
}

.module-catalog-453 .item-assets {
    --catalog-gap: var(--j-gap-spacing---6);
    --image-max-width: 45%;
    --image-min-width: 80px;
    flex-direction: row;
    flex-wrap: wrap
}

.module-catalog-453 .catalog-image img {
    width: auto;
    height: auto
}

.module-catalog-453 .module-item .item-content .catalog-image img {
    width: 100%;
    height: 100%
}

.module-catalog-453 .flex-grid>* {
    flex-grow: 0
}

div.module-catalog-453 .auto-grid {
    --grid-min-width: 170px;
    --grid-min-col: 2;
    --grid-gap: var(--j-gap-spacing-gap-4);
    --auto-grow-type: auto-fit;
    --item-width: var(--item-fit);
    --scrollbar-top-space: 0px;
    --scrollbar-bottom-space: 0px;
    --scroll-padding: var(--scroll-padding-custom, var(--grid-gap, 0px))
}

.module-catalog-453 {
    --center-insufficient: initial;
    --inline-margin: initial;
    --center-insufficient-carousel: initial
}

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

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

.module-catalog-453 .auto-grid .auto-carousel-controls {
    display: none
}

.module-catalog-453 .auto-grid .auto-carousel-items:after {
    display: none
}

.module-catalog-453 .auto-grid .auto-grid-items.is-gliding a {
    pointer-events: auto
}

.module-catalog-453 .auto-grid>.auto-carousel-buttons {
    visibility: hidden
}

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

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

div.module-catalog-453 .auto-carousel-bar {
    display: none;
    margin: 0
}

div.module-catalog-453 .auto-carousel-controls.auto-carousel-bar {
    max-height: 0
}

div.module-catalog-453 {
    --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
}

.links-menu-751 .module-body,
.links-menu-751 .module-body>.menu-item:before {
  --item-gap: var(--j-gap-spacing---5)
}

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

.links-menu-751 .menu-item a .links-text {
  font-family: 'Noto Kufi Arabic';
  font-weight: 400;
  font-size: var(--j-font_size-font-size--title-menu);
  color: #000;
  letter-spacing: -.1px;
  white-space: normal
}

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

.links-menu-751 .menu-item.is-title a .links-text {
  font-family: 'Noto Kufi Arabic';
  font-weight: 600;
  font-size: var(--j-font_size-font-size--title-item);
  color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
  text-transform: none;
  text-decoration: none;
  -webkit-text-decoration: none;
  line-height: 1.3
}

.links-menu-751 .menu-item {
  flex-grow: 0;
  width: auto;
  --align: flex-start;
  --max-width: max-content;
  max-width: var(--max-width);
  margin: var(--item-gap, 0px) var(--align-right) var(--item-gap, 0px) 0;
  flex-direction: column;
  align-items: var(--align);
  --align-left: var(--item-gap, 0px);
  --align-right: auto
}

.links-menu-751 .module-body {
  justify-content: flex-start;
  padding-inline: 0px;
  --display: block;
  flex-direction: column;
  columns: var(--column-width) var(--column-count);
  column-gap: var(--column-gap);
  margin: 0;
  --column-count: auto;
  column-rule-style: none
}

.links-menu-751 .module-body:after {
  --display: none;
  --display-scroll: none
}

.links-menu-751 .menu-item:first-child {
  margin-top: 0
}

.links-menu-751 .menu-item:before {
  width: 100%;
  height: auto;
  border-width: 1px 0 0;
  margin: calc(0px - var(--item-gap, 0px)/2) 0 calc(var(--item-gap, 0px)/2) 0
}

.links-menu-751 .is-title~.is-title {
  margin: var(--title-gap, 0px) var(--align-right) var(--item-gap, 0px) 0
}

.links-menu-751 .menu-item>a {
  justify-content: flex-start
}

.links-menu-751 .count-badge {
  display: inline-flex
}

.links-menu-751 .menu-item a .menu-label {
  color: rgba(13, 82, 214, 1);
  background-color: rgba(215, 228, 254, 1);
  --background-color: rgba(215, 228, 254, 1);
  background-size: contain;
  position: static;
  transform: none;
  opacity: 1;
  margin: 0 0 0 calc(var(--label-margin, 0px) + var(--label-triangle-size, 0px))
}

.no-touchevents .links-menu-751 .menu-item a:hover .menu-label {
  background-size: contain
}

.links-menu-751 .menu-item a .menu-label:before {
  border-right-color: currentColor
}

.links-menu-751 .menu-item a .menu-label:after {
  border-top-color: transparent
}

div.links-menu-751 .module-body,
div.links-menu-751 .module-body>.menu-item:before {
  --item-gap: var(--j-gap-spacing---6)
}

div.links-menu-751 .menu-item a,
div.links-menu-751 .menu-item a .links-text {
  font-family: 'Noto Kufi Arabic';
  font-weight: 400;
  font-size: var(--j-font_size-font-size-400);
  color: #000;
  text-decoration: none;
  -webkit-text-decoration: none;
  line-height: 1.4
}

.no-touchevents div.links-menu-751 .menu-item a:hover,
.no-touchevents div.links-menu-751 .menu-item a:hover .links-text {
  color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

div.links-menu-751 .menu-item a:before {
  font-size: 16px;
  color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.8));
  margin-right: 8px;
  --element-margin-right: 8px
}

div.links-menu-751 .links-menu-item-1>a:before {
  content: '\eb7b' !important;
  font-family: icomoon !important
}

div.links-menu-751 .links-menu-item-2>a:before {
  content: '\eb7b' !important;
  font-family: icomoon !important
}

div.links-menu-751 .links-menu-item-2>a .links-text {
  text-align: left
}

.icons-menu-61 a:before {
    color: #000;
    font-size: 17px
}

.icons-menu-61 .menu-item a {
    border-radius: 9999px;
    --element-border-radius: 9999px
}

.no-touchevents .icons-menu-61 a:hover:before {
    color: hsl(357.7, 85.1%, 52.7%)
}

.icons-menu-61>ul {
    padding: var(--j-gap-spacing-gap-1);
    --element-padding: var(--j-gap-spacing-gap-1);
    padding-bottom: var(--j-gap-spacing-gap-2);
    --element-padding-bottom: var(--j-gap-spacing-gap-2)
}

.icons-menu-61 .links-text {
    white-space: normal;
    overflow: visible;
    text-overflow: ellipsis;
    display: none
}

.icons-menu-61 a {
    width: 40px;
    height: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: #000
}

.no-touchevents .icons-menu-61 a:hover {
    border-color: hsl(357.7, 85.1%, 52.5%);
}

.icons-menu-61 {
    --icon-spacing: 8px
}

.no-touchevents .icons-menu-61 a:hover {
    border-color: hsl(357.7, 85.1%, 52.7%)
}

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

.links-menu .module-body {
    --display: block;
    --column-width: auto;
    display: var(--display);
    flex-wrap: wrap;
    border-radius: inherit;
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
    align-items: baseline;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    -moz-column-fill: balance;
    column-fill: balance
}

.links-menu ul,
.links-menu li {
    list-style: none;
    margin: 0;
    padding: 0
}

.links-menu .menu-item {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    -moz-column-fill: balance;
    column-fill: balance;
    position: relative;
    transition: all .08s ease-out;
    display: flex;
    align-items: var(--align);
    max-width: -moz-max-content;
    max-width: max-content;
    margin: calc(var(--item-gap, 0px));
    flex-direction: column
}

.links-menu .menu-item:before {
    content: "";
    min-height: 0;
    min-width: 1px;
    transition: all 75ms ease;
    border-width: 1px 0 0;
    margin: calc(var(--item-gap, 0px)/2) 0 calc(var(--item-gap, 0px)/2) 0
}

.links-menu .menu-item:first-child:before {
    visibility: hidden;
    margin: 0
}

.links-menu .menu-item.dropdown>a:after {
    display: none
}

.links-menu .menu-item a {
    display: inline-flex;
    align-items: center;
    position: relative;
    flex-grow: 1
}

.links-menu .menu-item a .links-text {
    transition: all 75ms ease
}

.links-menu .menu-item a:before {
    line-height: 1
}

.links-menu .menu-item a:after {
    display: none !important
}

.links-menu .menu-item a:not([href]) {
    cursor: default
}

footer .links-menu .module-title:before {
    position: absolute;
    right: 0;
    content: "";
    display: none;
    font-size: 18px;
    font-family: icomoon, sans-serif;
    top: 50%;
    transform: translateY(-50%)
}

footer .links-menu .module-title.closed:before {
    content: ""
}

.links-menu .module-body:after {
    content: "";
    display: none;
    opacity: 1;
    position: absolute;
    pointer-events: none;
    top: 0;
    height: 100%;
    transition: opacity .2s ease-out;
    --fader-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));
    width: 80px;
    z-index: 2
}

.links-menu .module-body:after {
    inset-inline-end: 0;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, var(--fader-color, #fff) 90%, var(--fader-color, #fff));
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
}

.links-menu .module-body:not([style]):before,
.links-menu .module-body[style*="--scroll-offset: 0px;"]:before {
    display: none
}

.links-menu .module-body.no-scroll-end:after {
    display: none
}

.icons-menu>ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    gap: var(--icon-spacing, 0px);
    margin: 0
}

.icons-menu>ul>.menu-item {
    margin: 0;
    position: relative
}

.icons-menu>ul>.menu-item:hover {
    z-index: 1
}

.icons-menu>ul>.menu-item>a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 22px;
    position: relative
}

.icons-menu>ul>.menu-item>a .links-text {
    font-size: .47em;
    padding: 0 5px;
    margin: 3px 0 -3px;
    width: 100%;
    text-align: center;
    line-height: 1.2
}

.icons-menu>ul>.menu-item>a .count-badge {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0
}

.icons-menu>ul>.menu-item>a:before {
    content: "";
    font-family: icomoon;
    line-height: 1
}

.icons-menu>ul>.menu-item>a:after {
    display: none
}

.icons-menu .icon-menu-image a:before {
    display: none
}

.bottom-menu {
    position: fixed;
    width: calc(100% - var(--bottom-menu-margin, 0px)*2);
    left: 50%;
    bottom: 0;
    background-color: #fff;
    z-index: 100;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-width: 1px 0 0;
    transition: transform .4s .35s ease-out;
    scrollbar-width: none
}

.bottom-menu::-webkit-scrollbar {
    display: none
}

.bottom-menu ul,
.bottom-menu li {
    all: unset;
    margin: 0;
    padding: 0;
    list-style: none
}

.bottom-menu>ul {
    display: flex;
    align-items: center
}

.bottom-menu>ul>li {
    all: unset;
    flex-grow: 1;
    margin: 0
}

.bottom-menu>ul>li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 10px;
    min-width: 50px;
    height: var(--bottom-menu-height, 55px);
    transition: all .075s ease-out;
    position: relative
}

.bottom-menu>ul>li>a:before {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin: 2px 0
}

.bottom-menu>ul>li+li {
    border-width: 0 0 0 1px
}

.bottom-menu>ul>li .links-text {
    white-space: nowrap;
    position: relative;
    top: -2px
}

.bottom-menu>ul>li .count-badge {
    position: absolute;
    top: 50%;
    transform: translate3d(calc(75% + var(--x, 0px)), calc(-100% + var(--y, 0px)), 0)
}

.firefox .side-menu>ul>li {
    min-width: 30px
}

.side-menu {
    position: fixed;
    z-index: 200;
    right: 0;
    overflow: hidden
}

.side-menu ul,
.side-menu li {
    margin: 0;
    padding: 0;
    list-style: none
}

.side-menu>ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: inherit
}

.side-menu>ul>li {
    flex-grow: 1
}

.side-menu>ul>li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 5px 10px;
    transition: all .075s ease-out;
    position: relative;
    background-color: #fff
}

.side-menu>ul>li>a:before {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    margin: 2px 4px;
    transition: all .075s ease-out
}

.side-menu>ul>li:first-of-type {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.side-menu>ul>li:last-of-type {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.side-menu>ul>li:only-of-type {
    border-radius: inherit
}

.side-menu>ul>li+li {
    border-width: 1px 0 0
}

.side-menu>ul>li .links-text {
    position: relative;
    top: -1px;
    transition: all .05s ease-out
}

.side-menu>ul>li .count-badge {
    position: absolute;
    right: 0;
    top: 0
}

.j-menu {
    all: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.mobile-header-active .main-menu .j-menu,
.desktop-mobile-main-menu-wrapper .j-menu {
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    height: auto
}

.mobile-header-active .main-menu .j-menu .menu-item:not(.icons-menu-item),
.desktop-mobile-main-menu-wrapper .j-menu .menu-item:not(.icons-menu-item) {
    width: 100%
}

.j-menu>li {
    all: unset;
    margin: 0;
    border: 0
}

.j-menu>li.dropdown {
    position: relative
}

.j-menu>li.dropdown .dropdown>a>.links-text {
    margin-inline-end: 4px
}

.j-menu>li:not(:first-child) {
    border-width: 0 0 0 1px;
    border-style: none
}

.j-menu>li:first-child {
    padding-inline-start: 0
}

.j-menu>li:last-child {
    padding-inline-end: 0
}

.j-menu>li>a {
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 5px;
    display: flex;
    align-items: center;
    min-width: 30px;
    cursor: pointer;
    transition: color .1s ease-out, background-color .07s ease-out, transform 80ms ease;
    position: relative;
    --scale-hover: auto;
    --menu-badge-y: -50%
}

.j-menu>li>a:hover {
    transform: scale(var(--scale-hover))
}

.j-menu>li>a:active {
    transform: scale(var(--scale-active, var(--scale-hover)));
    transition: transform 60ms
}

.j-menu>li>a .links-text {
    transition: inherit
}

.j-menu>li>a:before {
    line-height: 1;
    font-size: 16px;
    min-width: 1em;
    min-height: 1em;
    color: inherit
}

.j-menu>li:first-child>a {
    border-width: 0
}

.j-menu>li.icon-only>a {
    min-width: 10px
}

.j-menu>li>a:not([href]),
.j-menu>li>a[href="javascript:;"] {
    cursor: default
}

.j-menu .links-text {
    display: inline-block;
    color: inherit
}

.j-menu .links-text s,
.j-menu .links-text em {
    font-style: initial;
    display: inline-block;
    margin: 0 .3em
}

.j-menu .links-text em {
    font-size: 1.1em;
    vertical-align: middle;
    margin: 0 .2em
}

.j-menu>li:first-child>a .links-text em {
    margin-inline-start: 0
}

.ios .j-menu>li>a {
    cursor: pointer !important
}

.menu-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
    width: max-content
}

.menu-image img {
    border-radius: inherit;
    max-width: -moz-min-content;
    max-width: min-content
}

.top-bar .wrapper {
    justify-content: space-between
}

.top-menu {
    height: 100%
}

.top-menu>ul {
    position: relative
}

.top-menu>ul>li {
    padding: 0 calc(var(--menu-item-gap, 0px)/2);
    height: inherit
}

.top-menu>ul>li a {
    align-items: center
}

.top-menu>ul>li>a {
    justify-content: center
}

.top-menu .j-menu>li>a:not([href]),
.top-menu .j-menu>li>a:not([href])>.links-text,
.top-menu .j-menu>li>a[href="javascript:;"],
.top-menu .j-menu>li>a[href="javascript:;"]>.links-text {
    text-decoration: none !important
}

.top-menu .dropdown a .links-text {
    white-space: nowrap
}

.top-menu .dropdown>.j-dropdown>.j-menu {
    overflow: hidden
}

.dropdown>a:after,
.language-currency .dropdown-toggle:after {
    content: "";
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    border-left-color: currentColor;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    margin-inline-start: 5px;
    margin-inline-end: 0;
    transform: rotate(90deg) scale(1) translate3d(25%, 0, 0)
}

.j-dropdown .dropdown>a:after {
    margin-inline-start: auto;
    transform: rotate(0deg) scale(1) translate3d(25%, 0, 0)
}

.dropdown:not(.mega-menu)>.j-dropdown {
    width: -moz-min-content;
    width: min-content
}

.dropdown>a {
    position: relative
}

.dropdown>a .count-badge {
    margin: 0 5px
}

.dropdown .j-menu>li>a:before {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:first-child:not(.dropdown) {
    border-start-end-radius: inherit;
    border-start-start-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:first-child:not(.dropdown)>a {
    border-start-start-radius: inherit;
    border-start-end-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:last-child:not(.dropdown) {
    border-end-end-radius: inherit;
    border-end-start-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:last-child:not(.dropdown)>a {
    border-end-end-radius: inherit;
    border-end-start-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:first-child.dropdown {
    border-start-start-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:first-child.dropdown>a {
    border-start-start-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:last-child.dropdown {
    border-end-start-radius: inherit;
    border-end-end-radius: 0
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:last-child.dropdown>a {
    border-end-start-radius: inherit;
    border-end-end-radius: 0
}

.desktop-mobile-main-menu-wrapper>.main-menu .j-menu>li:not(:only-child),
.mobile-main-menu-wrapper>.main-menu .j-menu>li:not(:only-child),
.site-wrapper .accordion-menu .j-menu>li:not(:only-child),
.site-wrapper .flyout-menu .j-menu>li:not(:only-child) {
    padding: calc(var(--menu-item-gap, 0px)/2) 0
}

.desktop-mobile-main-menu-wrapper>.main-menu .j-menu>li:not(:only-child):not(:first-child),
.mobile-main-menu-wrapper>.main-menu .j-menu>li:not(:only-child):not(:first-child),
.site-wrapper .accordion-menu .j-menu>li:not(:only-child):not(:first-child),
.site-wrapper .flyout-menu .j-menu>li:not(:only-child):not(:first-child) {
    border-width: 1px 0 0
}

.dropdown-menu {
    font-size: inherit
}

.j-dropdown .j-menu>li:not(:first-child),
.flyout-menu .j-menu>li:not(:first-child) {
    border-width: 1px 0 0
}

.j-dropdown {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
    width: 100%;
    background-color: transparent;
    transform-origin: 50% 0;
    transform: translate3d(0, -10px, 0);
    opacity: 0;
    display: none;
    flex-direction: column;
    min-width: -moz-min-content;
    min-width: min-content;
    --dropdown-from: -10px
}

.j-dropdown .j-dropdown {
    min-width: -moz-min-content;
    min-width: min-content
}

.mobile-header-active #main-menu .j-dropdown {
    position: relative;
    left: 0;
    right: 0;
    transform: none;
    width: 100%
}

.mobile-header-active .j-dropdown .menu-item {
    width: 100%
}

.j-dropdown .j-menu {
    padding: var(--dropdown-padding, 0)
}

.j-dropdown .j-menu>li {
    --menu-item-gap: 0px;
    width: 100%;
    padding: calc(var(--menu-item-gap, 0px)/2) 0
}

.j-dropdown .j-menu>li:first-child {
    padding-top: 0 !important
}

.j-dropdown .j-menu>li:last-child {
    padding-bottom: 0 !important
}

.mobile-header-active .j-dropdown .j-menu>li {
    padding: calc(var(--menu-item-gap, 0px)/2) 0
}

.j-dropdown .j-menu>li .j-dropdown {
    top: 0
}

.j-dropdown .j-menu>li .j-dropdown:before {
    display: none !important
}

.open>.j-dropdown {
    display: flex
}

.animating>.j-dropdown {
    transform: none;
    opacity: 1;
    transition: transform .1s ease-out, opacity .1s ease-out, visibility .1s ease-out
}

.dropdown {
    --triangle-size: 10px;
    --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
}

.j-dropdown:before {
    content: "";
    --triangle-size: inherit;
    --dropdown-triangle: inherit;
    --triangle-left: var(--triangle-left-offset, 0px);
    --triangle-right: var(--triangle-right-offset, 0px);
    width: 0;
    height: 0;
    border: var(--triangle-size, 10px) solid transparent;
    border-bottom-color: #fff;
    pointer-events: none;
    margin: calc(-20px + var(--dropdown-triangle, 0px)) calc(var(--triangle-size, 0px)/2 + var(--triangle-right, 0px)) 0 calc(var(--triangle-size, 0px)/2 + var(--triangle-left, 0px));
    display: block
}

.flyout-menu-item>.j-dropdown>.mega-menu-content>.grid-rows {
    border-radius: inherit;
    overflow: hidden
}

.flyout-menu-item>.j-dropdown:before {
    display: none !important
}

.mega-menu>.j-dropdown:before {
    opacity: 0
}

.menu-bar .main-menu {
    border-radius: inherit
}

.menu-bar .main-menu:before,
.menu-bar .main-menu:after {
    content: "";
    display: none;
    opacity: 1;
    position: absolute;
    pointer-events: none;
    height: calc(var(--desktop-main-menu, 40px) + var(--bar-padding, 0px)*2);
    transition: opacity .2s ease-out;
    --fader-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    width: 80px;
    z-index: 2
}

.menu-bar .main-menu:before {
    inset-inline-start: 0;
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, var(--fader-color, #fff) 90%, var(--fader-color, #fff));
    border-start-start-radius: inherit;
    border-end-start-radius: inherit
}

.menu-bar .main-menu:after {
    inset-inline-end: 0;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, var(--fader-color, #fff) 90%, var(--fader-color, #fff));
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
}

.menu-bar .main-menu:not([style]):before,
.menu-bar .main-menu[style*="--scroll-offset: 0px;"]:before {
    display: none
}

.menu-bar .main-menu.no-scroll-end:after {
    display: none
}

.menu-bar>div {
    border-radius: inherit
}

.main-menu-item .dropdown>a {
    --dropdown-indicator: -8px
}

.menu-label {
    position: absolute;
    top: 50%;
    left: 100%;
    font-size: .75em;
    font-weight: 400;
    line-height: 1;
    padding: 2px 3px;
    --label-triangle-size: 5px;
    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;
    transition: all 0s;
    transform-origin: bottom;
    will-change: transform
}

.menu-label:before {
    content: "";
    --display: none;
    display: var(--display);
    color: var(--background-color);
    position: absolute;
    border: var(--label-triangle-size, 0px) solid transparent;
    top: 50%;
    left: 0;
    transform: translate3d(-100%, -50%, 0);
    transition: inherit;
    pointer-events: none
}

.menu-label:after {
    content: "";
    --display: none;
    display: var(--display);
    color: var(--background-color);
    position: absolute;
    border: var(--label-triangle-size, 0px) solid transparent;
    border-top-color: currentColor;
    top: 100%;
    left: 50%;
    transition: inherit;
    transform: translate3d(-50%, 0, 0);
    pointer-events: none
}

.accordion-menu .menu-label,
.flyout-menu .menu-label,
.j-dropdown .menu-label {
    position: static !important;
    transform: none !important;
    margin-inline-start: calc(var(--label-margin, 0px) + var(--label-triangle-size, 0px)) !important
}

.accordion-menu .menu-label:before,
.flyout-menu .menu-label:before,
.j-dropdown .menu-label:before {
    display: var(--display);
    border-right-color: currentColor !important
}

.accordion-menu .menu-label:after,
.flyout-menu .menu-label:after,
.j-dropdown .menu-label:after {
    display: none
}

html[dir=rtl] .menu-label {
    left: 0;
    transform: translate3d(calc(0px - var(--offset-x, 0px)), calc(-150% + var(--sticky-offset-y, var(--offset-y, 0px))), 0) scale(var(--label-scale, 1))
}

html[dir=rtl] .menu-label:before {
    top: 50%;
    left: auto;
    right: 0;
    transform: translate3d(100%, -50%, 0)
}

html[dir=rtl] .accordion-menu .menu-label:before,
html[dir=rtl] .flyout-menu .menu-label:before,
html[dir=rtl] .j-dropdown .menu-label:before {
    border-left-color: currentColor !important;
    border-right-color: transparent !important
}

.main-menu-item.has-label-1 {
    z-index: calc(50 - 1)
}

.main-menu-item.has-label-2 {
    z-index: calc(50 - 2)
}

.main-menu-item.has-label-3 {
    z-index: calc(50 - 3)
}

.main-menu-item.has-label-4 {
    z-index: calc(50 - 4)
}

.main-menu-item.has-label-5 {
    z-index: calc(50 - 5)
}

.main-menu-item.has-label-6 {
    z-index: calc(50 - 6)
}

.main-menu-item.has-label-7 {
    z-index: calc(50 - 7)
}

.main-menu-item.has-label-8 {
    z-index: calc(50 - 8)
}

.main-menu-item.has-label-9 {
    z-index: calc(50 - 9)
}

.main-menu-item.has-label-10 {
    z-index: calc(50 - 10)
}

.main-menu-item.has-label-11 {
    z-index: calc(50 - 11)
}

.main-menu-item.has-label-12 {
    z-index: calc(50 - 12)
}

.main-menu-item.has-label-13 {
    z-index: calc(50 - 13)
}

.main-menu-item.has-label-14 {
    z-index: calc(50 - 14)
}

.main-menu-item.has-label-15 {
    z-index: calc(50 - 15)
}

.main-menu-item.has-label-16 {
    z-index: calc(50 - 16)
}

.main-menu-item.has-label-17 {
    z-index: calc(50 - 17)
}

.main-menu-item.has-label-18 {
    z-index: calc(50 - 18)
}

.main-menu-item.has-label-19 {
    z-index: calc(50 - 19)
}

.main-menu-item.has-label-20 {
    z-index: calc(50 - 20)
}

.main-menu-item.has-label-21 {
    z-index: calc(50 - 21)
}

.main-menu-item.has-label-22 {
    z-index: calc(50 - 22)
}

.main-menu-item.has-label-23 {
    z-index: calc(50 - 23)
}

.main-menu-item.has-label-24 {
    z-index: calc(50 - 24)
}

.main-menu-item.has-label-25 {
    z-index: calc(50 - 25)
}

.main-menu-item.has-label-26 {
    z-index: calc(50 - 26)
}

.main-menu-item.has-label-27 {
    z-index: calc(50 - 27)
}

.main-menu-item.has-label-28 {
    z-index: calc(50 - 28)
}

.main-menu-item.has-label-29 {
    z-index: calc(50 - 29)
}

.main-menu-item.has-label-30 {
    z-index: calc(50 - 30)
}

.main-menu-item.has-label-31 {
    z-index: calc(50 - 31)
}

.main-menu-item.has-label-32 {
    z-index: calc(50 - 32)
}

.main-menu-item.has-label-33 {
    z-index: calc(50 - 33)
}

.main-menu-item.has-label-34 {
    z-index: calc(50 - 34)
}

.main-menu-item.has-label-35 {
    z-index: calc(50 - 35)
}

.main-menu-item.has-label-36 {
    z-index: calc(50 - 36)
}

.main-menu-item.has-label-37 {
    z-index: calc(50 - 37)
}

.main-menu-item.has-label-38 {
    z-index: calc(50 - 38)
}

.main-menu-item.has-label-39 {
    z-index: calc(50 - 39)
}

.main-menu-item.has-label-40 {
    z-index: calc(50 - 40)
}

.main-menu-item.has-label-41 {
    z-index: calc(50 - 41)
}

.main-menu-item.has-label-42 {
    z-index: calc(50 - 42)
}

.main-menu-item.has-label-43 {
    z-index: calc(50 - 43)
}

.main-menu-item.has-label-44 {
    z-index: calc(50 - 44)
}

.main-menu-item.has-label-45 {
    z-index: calc(50 - 45)
}

.main-menu-item.has-label-46 {
    z-index: calc(50 - 46)
}

.main-menu-item.has-label-47 {
    z-index: calc(50 - 47)
}

.main-menu-item.has-label-48 {
    z-index: calc(50 - 48)
}

.main-menu-item.has-label-49 {
    z-index: calc(50 - 49)
}

.main-menu-item.has-label-50 {
    z-index: calc(50 - 50)
}

.flyout-menu {
    display: flex;
    flex-direction: column;
    position: relative
}

.flyout-menu>ul>li {
    width: 100%
}

.flyout-menu>ul>li:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.flyout-menu>ul>li:first-child.dropdown:hover {
    border-top-right-radius: 0
}

.flyout-menu>ul>li:first-child>a {
    border-radius: inherit
}

.flyout-menu>ul>li:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.flyout-menu>ul>li:last-child.dropdown:hover {
    border-bottom-right-radius: 0
}

.flyout-menu>ul>li:last-child>a {
    border-radius: inherit
}

.flyout-menu .count-badge+.open-menu+.menu-label {
    margin-inline-start: 0
}

.flyout-menu .j-dropdown {
    top: 0;
    left: 100%;
    padding-top: 0;
    width: auto;
    transform: translate3d(0, 0, 0);
    transition: all 0s ease-out
}

.flyout-menu .mega-menu .j-dropdown {
    --flyout-mega-menu: 800px;
    padding-inline-start: var(--flyout-mega-menu-inset, 0px) !important;
    padding-block-start: var(--flyout-mega-menu-inset, 0px);
    width: min(80vw - var(--flyout-mega-menu-inset, 0px), var(--flyout-mega-menu) - var(--flyout-mega-menu-inset, 0px))
}

.flyout-menu .dropdown>a:after {
    margin-inline-start: auto;
    transform: rotate(0deg) scale(1) translate3d(0, 0, 0)
}

.global-wrapper .flyout-menu>.j-menu>.flyout-menu-item.mega-menu>.j-dropdown>.mega-menu-content {
    max-height: calc(100vh - var(--element-top-offset, 0px));
    overflow-y: auto
}

.global-wrapper .flyout-menu .flyout-menu-item.multi-level .j-dropdown {
    padding-inline-start: var(--flyout-sub-level-offset, 0)
}

.global-wrapper .main-menu-item.dropdown .j-dropdown .j-dropdown,
.global-wrapper .main-menu-item.multi-level .j-dropdown .j-dropdown {
    padding-inline-start: var(--sub-level-offset, 0)
}

.mega-menu>.j-dropdown {
    min-width: auto
}

.mega-fullwidth:not(.menu-fullwidth)>.j-dropdown {
    max-width: 100%
}

.flyout>.j-dropdown:before {
    z-index: 1
}

.open-menu {
    display: none
}

.accordion-menu .open-menu {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    transition: color .1s ease-out, background-color .1s ease-out;
    z-index: 2
}

.accordion-menu .open-menu[aria-expanded=true] em:before {
    content: ""
}

.accordion-menu .j-menu>.menu-item {
    box-shadow: none !important;
    height: auto;
    padding: calc(var(--menu-item-gap, 0px)/2) 0
}

.accordion-menu .j-menu>.menu-item>a {
    position: relative
}

.accordion-menu .j-menu>.menu-item>a:after {
    display: none
}

.accordion-menu .j-menu>.menu-item>a+div {
    border-width: 1px 0 0;
    margin-top: calc(var(--menu-item-gap)/2)
}

.accordion-menu .j-menu>.menu-item.flyout>a+.in {
    border-top-width: 0
}

.accordion-menu .j-menu>.menu-item.is-divider {
    padding: 0;
    border-width: 0;
    border-bottom-width: 1px;
    border-style: none;
    margin: calc(var(--menu-item-gap, 0px)/2) 0
}

.accordion-menu .j-menu>.menu-item.is-divider>a {
    display: none
}

.accordion-menu .j-menu {
    height: auto;
    overflow: hidden
}

.accordion-menu .j-menu>li {
    width: 100%
}

.accordion-menu .j-menu>li>a .links-text {
    white-space: normal
}

.accordion-menu .j-menu>li>a .links-text:empty {
    width: 100%
}

.accordion-menu .j-menu>li>a:before {
    display: flex;
    align-items: center;
    justify-content: center
}

.accordion-menu .j-menu>li+li {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important
}

.accordion-menu .j-menu .j-menu {
    box-shadow: none
}

.accordion-menu .menu-item.dropdown:not(.mega-menu):not(#search) .j-menu>li,
.accordion-menu .menu-item.dropdown:not(.mega-menu):not(#search) .j-menu>li>a {
    --acordion-menu-item-height: auto;
    min-height: var(--acordion-menu-item-height)
}

ul.j-menu>li.menu-item>a {
    text-decoration: none !important
}

.multi-level>.j-dropdown .j-menu:has(li:nth-child(4)) {
    display: grid;
    grid-template-columns: repeat(var(--dropdown-cols, 1), 1fr)
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-search:before {
    content: "\f002"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-times:before {
    content: "\f00d"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-plus:before {
    content: "\f067"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-upload:before {
    content: "\f093"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-reply:before {
    content: "\f112"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

/* src: catalog/view/theme/journal3/lib/bootstrap/css/bootstrap-critical.min.css */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
summary {
    display: block
}

video {
    display: inline-block;
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

b,
strong {
    font-weight: 700
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

code {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td {
        background-color: #fff !important
    }

    .table-bordered td {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url(https://cdn.blacklinewear.com/catalog/view/theme/journal3/lib/bootstrap/fonts/glyphicons-halflings-regular.eot);
    src: url(https://cdn.blacklinewear.com/catalog/view/theme/journal3/lib/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(https://cdn.blacklinewear.com/catalog/view/theme/journal3/lib/bootstrap/fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(https://cdn.blacklinewear.com/catalog/view/theme/journal3/lib/bootstrap/fonts/glyphicons-halflings-regular.woff) format("woff"), url(https://cdn.blacklinewear.com/catalog/view/theme/journal3/lib/bootstrap/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../lib/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

[role=button] {
    cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%
}

.h4,
.h5,
h4,
h5 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
h4 .small,
h4 small,
h5 .small,
h5 small {
    font-size: 75%
}

.h1,
h1 {
    font-size: 36px
}

.h2,
h2 {
    font-size: 30px
}

.h3,
h3 {
    font-size: 24px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 14px
}

p {
    margin: 0 0 10px
}

.small,
small {
    font-size: 85%
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-success {
    color: #3c763d
}

a.text-success:focus,
a.text-success:hover {
    color: #2b542c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,
a.text-danger:hover {
    color: #843534
}

ul {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote p:last-child,
blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,
blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: "\2014 \00A0"
}

blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
    content: ""
}

blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
    content: "\00A0 \2014"
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-sm-10,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-6,
.col-sm-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:768px) {

    .col-sm-10,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-6,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }
}

table {
    background-color: transparent
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tfoot>tr>td,
.table>thead>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>caption+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td,
.table-bordered>thead>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

.table>tbody>tr.active>td,
.table>tbody>tr>td.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr>td.active,
.table>thead>tr.active>td,
.table>thead>tr>td.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,
.table>tbody>tr>td.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr>td.success,
.table>thead>tr.success>td,
.table>thead>tr>td.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,
.table>tbody>tr>td.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr>td.info,
.table>thead>tr.info>td,
.table>thead>tr>td.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,
.table>tbody>tr>td.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr>td.warning,
.table>thead>tr.warning>td,
.table>thead>tr>td.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover {
    background-color: #faf2cc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

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

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}

input[type=file] {
    display: block
}

select[size] {
    height: auto
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[disabled],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    input[type=date].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control,
    input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    .input-group-sm input[type=time] {
        line-height: 30px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
    cursor: not-allowed
}

.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px
}

.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active:focus,
.btn:active:focus,
.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:focus,
.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad
}

.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74
}

.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439
}

.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active,
.btn-info:active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc
}

.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.dropdown-toggle.btn-info:focus,
.open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active,
.btn-danger:active,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925
}

.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.dropdown-toggle.btn-danger:focus,
.open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn {
    margin-right: -1px
}

.input-group-btn:last-child>.btn {
    z-index: 2;
    margin-left: -1px
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.breadcrumb>.active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #31b0d5
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail a>img,
.thumbnail>img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissible {
    padding-right: 35px
}

.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media {
    overflow: hidden;
    zoom: 1
}

.media>.pull-right {
    padding-left: 10px
}

.media>.pull-left {
    padding-right: 10px
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    color: inherit
}

.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
    margin-bottom: 0
}

.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
    padding-right: 15px;
    padding-left: 15px
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child {
    border-top-left-radius: 3px
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child {
    border-top-right-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child,
.panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child {
    border-left: 0
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child {
    border-right: 0
}

.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0
}

.panel>.table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    outline: 0
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
}

.carousel {
    position: relative
}

.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.clearfix:after,
.container:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.panel-body:after,
.row:after {
    clear: both
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.hidden {
    display: none !important
}

@-ms-viewport {
    width: device-width
}
@font-face {
    font-family: 'icomoon';
    src:
    url('../../frontend/fonts/icomoon.woff') format('woff'),
    url('../../frontend/fonts/icomoon.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.icon {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
/* src: catalog/view/theme/journal3/lib/swiper-latest/swiper-bundle-critical.min.css */
@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-prev:after {
    content: 'prev'
}

.swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after {
    content: 'next'
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

/* src: catalog/view/theme/journal3/stylesheet/style.min.css */
body {
    max-width: 100vw
}

html:not(.popup) body {
    overflow-y: scroll;
    overflow-x: hidden
}

.phone .site-wrapper {
    overflow: hidden
}

:before,
:after {
    box-sizing: border-box;
    --scrollW: inherit
}

:root {
    counter-reset: top-counters;
    counter-increment: top-counters
}

.mobile body {
    background: var(--browser-theme-color)
}

.global-wrapper {
    position: relative;
    max-width: 100vw;
    display: flex;
    flex-direction: column
}

.has-bottom-menu .global-wrapper {
    margin-bottom: calc(var(--bottom-menu-height, 55px) + var(--bottom-menu-margin, 0px)) !important
}

.desktop .global-wrapper {
    min-height: 100vh
}

.global-wrapper:before {
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    pointer-events: none;
    position: absolute
}

.boxed-layout .global-wrapper:before,
.popup .global-wrapper:before {
    display: none
}

.site-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-width: 100vw;
    margin-top: var(--site-top-spacing, 0px)
}

.site-wrapper>.container {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-width: calc(var(--container-max-width, var(--content-max-width, 100%)));
    margin-top: var(--content-top-spacing, 0px);
    margin-bottom: var(--content-bottom-spacing, 0px)
}

.site-wrapper>.container>.row {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1
}

html.route-common-home body,
html.popup body {
    --site-top-spacing: 0px;
    --content-top-spacing: 0px;
    --content-bottom-spacing: 0px
}

.column-left .site-wrapper>.container,
.column-right .site-wrapper>.container {
    padding-inline-start: calc(var(--content-gutter, 0px) + var(--side-cols-gap-offset, 0px)/2);
    padding-inline-end: calc(var(--content-gutter-right, var(--content-gutter, 0px)) + var(--side-cols-gap-offset, 0px)/2)
}

.left-column-disabled.one-column,
.right-column-disabled.one-column,
.left-column-disabled.right-column-disabled.two-columns {
    --side-cols-gap: 0px
}

.boxed-layout .global-wrapper,
.boxed-layout body>header {
    margin: 0 auto
}

.boxed-layout .global-wrapper:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit
}

.boxed-layout header,
.boxed-layout .header,
.boxed-layout .top-bar,
.boxed-layout .top-bar:before {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.boxed-layout footer {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.row {
    margin-inline-start: 0;
    margin-inline-end: 0
}

.row>div {
    padding-inline-start: 0;
    padding-inline-end: 0
}

.site-wrapper>.container:before,
.site-wrapper>.container:after,
.site-wrapper>.container>.row:before,
.site-wrapper>.container>.row:after {
    display: none
}

html:not(.popup) .site-wrapper>.container {
    position: relative
}

#content {
    max-width: 100%;
    width: 100%;
    min-width: 200px;
    position: relative
}

.left-column-disabled #content,
.right-column-disabled #content {
    flex-grow: 1
}

.column-left .site-wrapper>.container>.row {
    margin: calc(0px - var(--side-cols-gap, 0px)/2)
}

.column-left #content {
    width: calc(100% - var(--col-l-width, 200px) - (var(--side-cols-gap, 0px)*2));
    margin: calc(var(--side-cols-gap, 0px)/2)
}

.column-right .site-wrapper>.container>.row {
    margin: calc(0px - var(--side-cols-gap, 0px)/2)
}

.column-right #content {
    width: calc(100% - var(--col-r-width, var(--col-l-width, 200px)) - (var(--side-cols-gap, 0px)*2));
    margin: calc(var(--side-cols-gap, 0px)/2)
}

.column-left.column-right #content {
    width: calc(100% - var(--col-l-width, 200px) - var(--col-r-width, var(--col-l-width, 200px)) - (var(--side-cols-gap, 0px)*3))
}

.side-column {
    width: var(--col-l-width, 200px);
    max-width: 100%;
    z-index: 2
}

#column-left {
    min-width: calc((var(--col-l-stack)*1%) - var(--side-cols-gap, 0px));
    margin: calc(var(--side-cols-gap, 0px)/2)
}

#column-right {
    width: var(--col-r-width, var(--col-l-width, 200px));
    min-width: calc((var(--col-r-stack)*1%) - var(--side-cols-gap, 0px));
    margin: calc(var(--side-cols-gap, 0px)/2)
}

.left-column-disabled #column-left,
.right-column-disabled #column-right {
    display: none !important
}

html:not(.popup).left-column-disabled {
    --col-l-width: 0px
}

html:not(.popup).right-column-disabled {
    --col-r-width: 0px
}

.wrapper,
.grid-cols-wrapper {
    max-width: min(100%, var(--content-max-width, 100%))
}

.grid-item .module.title-module {
    max-width: calc(var(--content-max-width, 100%) - var(--content-gutter, 0px)*2);
    margin-inline: auto
}

.module-grid .grid-cols-wrapper {
    max-width: 100%
}

.boxed-layout:not(.popup) .global-wrapper {
    max-width: min(100%, var(--content-max-width, 100%))
}

.site-wrapper>.container,
.top>.grid-rows>.grid-row>.grid-cols-wrapper,
.bottom>.grid-rows>.grid-row>.grid-cols-wrapper,
footer>.grid-rows>.grid-row>.grid-cols-wrapper,
.mobile-header>div {
    padding-inline-start: var(--content-gutter, 0px);
    padding-inline-end: var(--content-gutter-right, var(--content-gutter, 0px))
}

.title {
    position: relative;
    line-height: 1.2;
    margin: 0;
    padding: 0
}

.page-title-text {
    background: inherit;
    color: inherit;
    position: relative;
    z-index: 2
}

.site-wrapper>.page-title:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none
}

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

.site-wrapper>.page-title>.page-title-text:after {
    top: 1px
}

html:not(.popup) .site-wrapper>h1:not(.page-title),
html:not(.popup) .site-wrapper>h2:not(.page-title),
html:not(.popup) .site-wrapper>h1 .page-title-text,
html:not(.popup) .site-wrapper>h2 .page-title-text {
    display: block;
    margin: 0 auto;
    max-width: var(--container-max-width, var(--content-max-width, 100%))
}

.module-text>.module-body {
    display: flex;
    flex-direction: column;
    justify-content: var(--text-module-align-v)
}

.title-buttons {
    display: flex;
    flex-wrap: wrap
}

.title-buttons .btn:before {
    margin-inline-end: 6px
}

.title-buttons .btn:after {
    margin-inline-start: 6px
}

.title-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px
}

.title-main h3 {
    flex-grow: 1
}

.module-products .title-main {
    align-items: flex-start
}

.module-products .title-main .title-inline-btn {
    margin-top: 4px
}

.module-products .title-main .title-inline-btn:before {
    margin-inline-end: 6px
}

.module-products .title-main .title-inline-btn:after {
    margin-inline-start: 6px
}

.title-module {
    display: flex;
    flex-direction: column;
    width: 100%
}

.title-module h3 {
    margin: 0;
    display: inline-block
}

.title-module .title-divider {
    width: 100%
}

.title-module .title-divider:before {
    line-height: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.title-module .subtitle {
    display: inline-block
}

.title-module .subtitle:empty {
    display: none
}

.title-module .title-label {
    width: -moz-fit-content;
    width: fit-content
}

.title-module .title-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column
}

.boxed-layout:not(.popup) body:before {
    content: "";
    pointer-events: none;
    top: 0;
    width: 100%;
    height: var(--height, 100%);
    max-height: var(--max-height, 100%);
    position: fixed;
    z-index: -1
}

.boxed-layout:not(.popup) body:after {
    content: "";
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    position: fixed;
    z-index: -2
}

.title-wrapper .title-inline-btn {
    position: relative;
    inset-inline-end: 0
}

.title-wrapper .title-main {
    position: relative
}

.title-wrapper .title-main:before {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    padding: 12px;
    overflow: visible;
    display: flex
}

.module-image>.module-body>a {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    transition: all 75ms ease-out;
    text-decoration: none !important;
    width: 100%;
    height: 100%
}

.module-image>.module-body>a:not([href]),
.module-image>.module-body>a[href="javascript:;"] {
    cursor: default
}

.module-image>.module-body>a img {
    border-radius: inherit;
    display: block
}

.module-image>.module-body>a em {
    font-style: normal;
    line-height: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.module-image>.module-body>a em:before {
    min-height: 1em;
    min-width: 1em;
    line-height: 1
}

.module-image>.module-body>a:hover {
    transform: scale(var(--scale-hover, 1))
}

.module-image>.module-body>a:active,
.module-image>.module-body>a:active:hover {
    transform: scale(var(--scale-active, 1));
    transition: all 50ms
}

.module-image>.module-body>.image-caption {
    display: block;
    margin-top: .5em
}

footer {
    clear: both;
    margin-top: auto;
    z-index: 1
}

.desktop.footer-reveal .site-wrapper {
    z-index: 2
}

.desktop.footer-reveal header {
    z-index: 3
}

.desktop.footer-reveal footer {
    position: fixed;
    z-index: 0;
    width: 100%;
    bottom: 0
}

.breadcrumbs {
    position: relative;
    display: flex;
    align-items: center;
    order: -1;
    padding-top: var(--breadcrumbs-top-padding, 0);
    padding-bottom: var(--breadcrumbs-bottom-padding, 0);
    --min-height: auto;
    min-height: var(--min-height)
}

.breadcrumbs:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    inset-inline-start: 50%;
    transform: translate3d(var(--transform-50-rtl, -50%), 0, 0);
    max-width: calc(var(--content-max-width, 100%) - var(--content-gutter, 0px)*2)
}

.breadcrumb {
    border-radius: 0;
    position: relative;
    background-color: transparent;
    width: 100%;
    margin: 0 auto;
    z-index: 2;
    --breadcrumb-top-padding-status: inherit;
    --breadcrumb-bottom-padding-status: inherit;
    padding: 0;
    max-width: calc(var(--content-max-width, 100%) - var(--content-gutter, 0px)*2)
}

.breadcrumb>li {
    position: relative;
    word-break: break-all;
    margin-top: 0
}

.breadcrumb>li a {
    color: inherit
}

.breadcrumb>li:last-of-type {
    pointer-events: none;
    text-decoration: none
}

.breadcrumb>li:last-of-type a {
    text-decoration: none
}

.breadcrumb .fa {
    font-family: inherit;
    color: inherit
}

.breadcrumb .fa-home {
    display: flex;
    align-items: center
}

.breadcrumb .fa-home:before {
    overflow: hidden
}

.breadcrumb .fa-home:after {
    font: inherit
}

#content h1+p:only-of-type:last-child {
    margin: 0;
    padding: 10px
}

.hn-content p+*,
.module-info_blocks p+* {
    margin-top: initial
}

.notice-module {
    overflow: hidden
}

.boxed-layout .notice-module {
    margin-top: calc(0px - var(--boxed-top-spacing, 0px) + var(--notice-top-spacing, 0px));
    margin-bottom: var(--notice-bottom-spacing, 0px)
}

.notice-module>.module-body {
    height: auto;
    max-height: -moz-available;
    max-height: -webkit-fill-available;
    max-height: stretch;
    margin: 0 auto;
    position: relative
}

.notice-module>.module-body:before,
.notice-module>.module-body:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    z-index: 0;
    pointer-events: none
}

.notice-module>.module-body>div {
    position: relative
}

.notice-module>.module-body>.hn-body:before {
    line-height: 1
}

.notice-module>.module-body,
.notice-module .hn-body {
    display: flex;
    align-items: center;
    justify-content: center
}

.notice-module .header-notice-cta {
    flex-shrink: 0
}

.notice-module:not(.notice-builder) .hn-content {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.notice-module .header-notice-close-button {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.notice-module .header-notice-close-button .btn.hn-close {
    pointer-events: auto;
    width: var(--button-width);
    height: var(--button-height, var(--button-width))
}

.notice-module:not(.module-layout_notice) {
    order: -100;
    z-index: 110
}

.notice-module.notice-builder .hn-body,
.notice-module.notice-builder .hn-content {
    flex-grow: 1;
    height: 100%;
    min-height: inherit
}

.notice-module.notice-builder .hn-body:before,
.notice-module.notice-builder .hn-content:before {
    display: none
}

.notice-module.notice-builder .hn-body>.grid-rows,
.notice-module.notice-builder .hn-content>.grid-rows {
    width: 100%;
    height: 100%;
    min-height: inherit
}

.notice-module.notice-builder .hn-body>.grid-rows>.grid-row,
.notice-module.notice-builder .hn-content>.grid-rows>.grid-row {
    height: 100%;
    min-height: inherit
}

.notice-module.notice-builder .hn-body>.grid-rows>.grid-row>.grid-cols-wrapper,
.notice-module.notice-builder .hn-content>.grid-rows>.grid-row>.grid-cols-wrapper {
    max-width: 100%;
    height: 100%;
    min-height: inherit
}

.notice-module.notice-builder .hn-body>.grid-rows>.grid-row>.grid-cols-wrapper>.grid-cols,
.notice-module.notice-builder .hn-content>.grid-rows>.grid-row>.grid-cols-wrapper>.grid-cols {
    height: auto;
    min-height: inherit
}

.notice-module.notice-builder .hn-content {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.expand-block {
    position: relative
}

.block-expand {
    padding: 2px 6px;
    font-size: 80%;
    pointer-events: auto
}

.block-expand:after {
    font-weight: inherit;
    -webkit-font-smoothing: initial
}

.block-expand-overlay {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    background: linear-gradient(to bottom, transparent, var(--expand-overlay, var(--background-color, #fff)))
}

.expand-content.block-expanded {
    max-height: 100% !important;
    overflow: visible !important;
    padding-bottom: 40px;
    transition: all 0s !important
}

.expand-content.block-expanded+.block-expand-overlay {
    background: 0 0 !important
}

.no-expand .expand-content {
    max-height: 100% !important;
    overflow: visible !important
}

.no-expand .block-expand-overlay {
    display: none !important
}

.module-info_blocks {
    counter-reset: top-counters
}

.module-info_blocks .info-blocks {
    counter-increment: top-counters
}

.module-info_blocks .info-blocks-incremental .info-block:before {
    font-family: inherit !important
}

.module-info_blocks .info_blocks-grid:not(.auto-grid) {
    display: flex;
    flex-wrap: wrap
}

.module-info_blocks .ipr-grid .module-item:not(.swiper-slide):only-child {
    max-width: -moz-max-content;
    max-width: max-content;
    margin-inline: auto
}

.module-info_blocks>.module-body>div {
    height: inherit
}

.module-info_blocks .info-blocks-image .info-block:before,
.module-info_blocks .info-blocks-counter .info-block:before {
    display: none
}

.module-info_blocks .info-block-title {
    display: flex;
    align-items: center
}

.module-info_blocks .info-block-title:before {
    counter-increment: top-counters 0;
    content: counter(top-counters) ".";
    margin-inline-end: 4px;
    font: inherit;
    display: none
}

.module-info_blocks .info-block-title:after {
    font-size: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 1em;
    height: 1em;
    margin-inline-start: .4em
}

.module-info_blocks div.info-block-counter {
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-width: var(--width);
    min-height: var(--height)
}

.module-info_blocks div.info-block-counter:after {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font: inherit;
    margin: 0 -5px 0 5px
}

html[dir=rtl] .module-info_blocks .info-block-counter:after {
    margin: 0 5px 0 -5px
}

.module-info_blocks .info-block-img {
    position: relative;
    height: -moz-max-content;
    height: max-content;
    -o-object-fit: cover;
    object-fit: cover
}

.info-block-button {
    margin-top: 8px;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.info-block-button:empty {
    display: none
}

.info-block {
    position: relative;
    transition: all 70ms ease-out;
    height: 100%;
    display: flex;
    align-items: var(--align-v);
    justify-content: var(--align-h);
    gap: var(--gap, 8px)
}

.info-block:before {
    --width: auto;
    --height: auto;
    width: var(--width);
    height: var(--height);
    --gap: inherit
}

.info-block:before,
.info-block:after {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 1;
    text-align: center
}

.info-block:after {
    align-self: center;
    margin-inline-start: auto
}

.info-block .count-badge {
    position: absolute;
    right: 0;
    top: 0
}

.info-block-content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.info-block-content div {
    transition: all 70ms ease-out
}

a.info-block {
    --scale-hover: 1
}

a.info-block .info-block-button {
    pointer-events: none
}

a.info-block:hover {
    transform: scale(var(--scale-hover))
}

a.info-block:active {
    transform: scale(var(--scale-active, var(--scale-hover)))
}

a.info-block img,
a.info-block:before {
    position: relative;
    z-index: 2
}

.no-touchevents a.info-block .info-block-content>* {
    position: relative;
    z-index: 1
}

.no-touchevents a.info-block .info-block-content:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    z-index: 0;
    transform: scaleX(0);
    will-change: transform;
    transition: transform 70ms cubic-bezier(.77, 0, .175, 1), opacity .2s cubic-bezier(.25, .46, .45, .94);
    transform-origin: left
}

.has-old-browser {
    position: fixed;
    overflow: hidden
}

.old-browser {
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000000
}

.ob-content {
    display: table-cell;
    vertical-align: middle
}

.ob-text {
    padding: 10px 15px;
    font-size: 20px;
    display: block;
    max-width: 750px;
    margin: 0 auto
}

.ob-links a {
    display: inline-block;
    margin: 15px
}

.ob-links a img {
    display: block;
    margin-bottom: 5px;
    transform: scale(.9);
    transition: all .075s ease-out
}

.ob-links a:hover img {
    transform: scale(1)
}

.scroll-top {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    z-index: 98;
    overflow: hidden;
    bottom: 0;
    transition: transform .4s .35s ease-out, opacity .15s, background-color .15s, bottom .4s .3s ease-out;
    cursor: pointer;
    margin-inline-start: var(--scroll-top-side-offset, 10px);
    margin-inline-end: var(--scroll-top-side-offset, 10px);
    margin-bottom: var(--scroll-top-bottom-offset, 10px);
    transform: translate3d(var(--translate-x, 0), calc(0px - var(--translate-y, 0px) - var(--product-page-buttons, 0px)), 0)
}

.has-bottom-menu .scroll-top {
    --translate-y: calc(var(--bottom-menu-display, 55px) + var(--bottom-menu-margin, 0px))
}

.scroll-top em {
    font-size: 50px;
    width: var(--scroll-top-width, 40px);
    height: var(--scroll-top-height, 40px);
    display: flex;
    align-items: center;
    justify-content: center
}

.scroll-top.scroll-top-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.journal-loading-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 9990;
    background: rgba(0, 0, 0, .3)
}

.journal-loading {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0
}

.journal-loading em:before {
    content: "";
    font-family: icomoon;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -51%)
}

.journal-loading+iframe {
    z-index: 10
}

.j-loader {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    z-index: 1000000;
    transition: transform 1s ease-in-out, opacity 6s ease;
    background: #fff
}

.j-loader-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center
}

.j-loader-content .journal-loading {
    position: static;
    transform: none
}

.j-loader-content span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block
}

.j-loaded {
    transform: translate3d(-50%, -50%, 0) scale(0);
    opacity: 0
}

.no-search .mobile-search-wrapper {
    display: none !important
}

.no-search .mobile-2 .mobile-search-group {
    display: none !important
}

.modal {
    color: #333
}

.modal .modal-header {
    top: 0;
    z-index: 2
}

.modal blockquote {
    margin-inline-start: 0;
    margin-inline-end: 0
}

html.ie {
    overflow-x: hidden
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-color-hover, var(--scrollbar-thumb-color, #7c7c7c)) !important
}

::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-thumb-color-active, var(--scrollbar-thumb-color, #7c7c7c)) !important
}

.maintenance-page {
    height: 100%
}

.maintenance-page body {
    height: 100%
}

.maintenance-page .global-wrapper {
    min-height: 100%
}

.maintenance-page .site-wrapper {
    margin-top: 0
}

.maintenance-page .site-wrapper>.container {
    max-width: 100%;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0
}

.maintenance-page .site-wrapper>.container>.content:empty {
    display: none
}

.maintenance-page .module-grid {
    flex-grow: 1
}

.module-spacer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: auto 0
}

.module-spacer .spacer-divider {
    border-width: 1px 0 0;
    border-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0;
    min-width: 0;
    flex-grow: 1
}

.module-spacer .spacer-icon:before {
    margin-inline: .5em;
    font-size: 32px
}

.grid-rows {
    display: flex;
    flex-direction: column
}

.grid-row {
    position: relative;
    --col-gap: 0px
}

.grid-cols-wrapper {
    margin: 0 auto;
    position: relative;
    z-index: 1;
    transform: translate3d(0, 0, 0)
}

.grid-row>.grid-cols-wrapper>div.grid-cols {
    background: 0 0
}

.grid-cols:not(.single-item) {
    margin: calc(var(--col-gap, 0px)/2*-1)
}

.grid-cols:not(.single-item)>.grid-col:not(:only-child) {
    padding: calc(var(--col-gap, 0px)/2)
}

.grid-cols {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    overflow: inherit
}

.grid-col {
    width: 100%;
    position: relative;
    flex-basis: 0
}

.grid-items {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

.grid-items:before {
    content: "";
    display: none;
    position: absolute;
    pointer-events: none;
    --unit: 1%;
    width: calc(100*var(--unit));
    inset: 0
}

.grid-item {
    position: relative;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    display: flex;
    flex-direction: column;
    align-items: inherit
}

.grid-item>div:not(.module-background_slider) {
    position: relative;
    max-width: 100%;
    align-self: inherit
}

.grid-item>div:not(.module-background_slider):empty {
    display: none
}

.grid-item:empty {
    height: 100%
}

.module-faq,
.module-blocks {
    width: 100%
}

.grid-row>.module-background_slider {
    position: absolute;
    inset: 0
}

.row-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-top: var(--row-bg-offset, 0px);
    height: var(--row-bg-height, 100%);
    z-index: 0
}

.boxed-layout .grid-row:before {
    width: 100%
}

.side-column .grid-row {
    padding: 0;
    margin: 0
}

.side-column .row-bg {
    background: 0 0
}

.side-column>.grid-rows>.grid-row>.grid-cols-wrapper>.grid-cols {
    margin: 0
}

.side-column>.grid-rows>.grid-row>.grid-cols-wrapper>.grid-cols>.grid-col {
    min-width: 100%;
    padding-top: 0;
    padding-inline-start: 0
}

.grid-row {
    backface-visibility: hidden
}

.grid-row:before {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
    backface-visibility: hidden;
    outline: 1px solid transparent;
    --content-gutter: inherit;
    top: calc(0px + var(--overlay-top, 0px));
    transform: translate3d(0, 0, 0) rotate(var(--overlay-rotate, 0deg)) skew(var(--overlay-rotate, 0deg))
}

.grid-row .wave {
    pointer-events: none;
    position: absolute;
    width: 100%
}

.grid-row .wave-top {
    top: 0;
    left: 0;
    transform: translateY(-63%);
    z-index: 1
}

.grid-row .wave-bottom {
    bottom: 0;
    left: 0;
    transform: translateY(63%) scaleY(-1);
    z-index: 1
}

.video-row {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    margin: var(--align-v, 0) var(--align-h, 0)
}

.video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100
}

.video-col-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.desktop.is-admin #top .grid-col:before,
.desktop.is-admin #content-top .grid-col:before,
.desktop.is-admin #bottom .grid-col:before {
    pointer-events: none;
    position: absolute;
    padding: 0 4px;
    font-size: 12px;
    top: 1px;
    right: 1px;
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, .2);
    background-color: #26ab5e;
    color: #fff;
    z-index: 10;
    content: attr(data-dimensions);
    visibility: hidden;
    opacity: 0
}

.desktop.is-admin #top .grid-col:hover:before,
.desktop.is-admin #content-top .grid-col:hover:before,
.desktop.is-admin #bottom .grid-col:hover:before {
    visibility: visible;
    opacity: 1
}

.desktop.is-admin #top .grid-cols>div:only-of-type:before {
    display: none
}

.auto-grid {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    --scroll-by: 1;
    --grid-gap: 0px;
    --auto-grow-type: auto-fill;
    --grid-max-col: initial;
    --grid-min-col: 1;
    --grid-min-width: 240px;
    --fr: 1fr;
    --item-fit: 1fr;
    --item-fill: var(--grid-min-width)
}

.auto-grid:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
    width: 70px;
    z-index: 1;
    pointer-events: none;
    display: none
}

.auto-grid.no-scroll:after,
.auto-grid.no-scroll-next:after {
    display: none
}

.auto-grid.no-scroll .auto-grid-items {
    cursor: auto !important
}

.auto-grid-items {
    width: 100%;
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: repeat(var(--auto-grow-type), minmax(max(min(var(--grid-min-width), calc((100% - (var(--grid-min-col, -1) - 1)*var(--grid-gap))/var(--grid-min-col, -1))), calc((100% - (var(--grid-max-col, -1) - 1)*var(--grid-gap))/var(--grid-max-col, -1))), var(--fr)));
    grid-auto-columns: minmax(max(min(var(--grid-min-width), calc((100% - (var(--grid-min-col, -1) - 1)*var(--grid-gap))/var(--grid-min-col, -1))), calc((100% - (var(--grid-max-col, -1) - 1)*var(--grid-gap))/var(--grid-max-col, -1))), var(--fr));
    grid-template-rows: repeat(var(--grid-rows, 1), auto);
    grid-auto-flow: dense;
    scroll-padding-inline-start: var(--scroll-padding, 0px);
    z-index: 1;
    scrollbar-width: none
}

.auto-grid-items::-webkit-scrollbar {
    display: none !important
}

.auto-grid-items:not(.is-dragging) {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch
}

.auto-grid-items:not(.is-dragging)>* {
    scroll-snap-stop: normal
}

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

.auto-grid-items:before,
.auto-grid-items:after {
    content: "";
    --scrollbar-top-space: inherit;
    --scrollbar-bottom-space: inherit;
    --fader-color: var(--background-color);
    --fader-status: 1;
    display: none;
    opacity: var(--fader-status);
    position: absolute;
    pointer-events: none;
    height: calc(100% - (var(--top-padding, 0px) + var(--bottom-padding, 0px) + var(--scrollbar-top-space, 0px) + var(--scrollbar-bottom-space, 0px)));
    z-index: 3;
    transition: opacity .2s ease-out
}

.auto-grid-items:before {
    left: 0;
    width: min(var(--fader-width-left, 120px), 40%);
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, var(--fader-color) 90%, var(--fader-color))
}

.auto-grid-items:after {
    right: 0;
    width: min(var(--fader-width-right, 120px), 40%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, var(--fader-color) 90%, var(--fader-color))
}

.auto-grid-items>*:nth-child(even) {
    margin-top: var(--stagger-item-even, 0)
}

.no-scroll>.auto-grid-items:before,
.no-scroll>.auto-grid-items:after {
    --fader-status: 0 !important;
    display: none !important
}

.no-scroll-prev>.auto-grid-items:before {
    --fader-status: 0 !important
}

.no-scroll-next>.auto-grid-items:after {
    --fader-status: 0 !important
}

html[dir=rtl] .auto-grid-items:before {
    left: auto;
    right: 0;
    transform: scale(-1);
    width: min(var(--fader-width-right, 120px), 40%)
}

html[dir=rtl] .auto-grid-items:after {
    right: auto;
    left: 0;
    transform: scale(-1);
    width: min(var(--fader-width-left, 120px), 40%)
}

html:not(.boxed-layout) .top .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-title,
html:not(.boxed-layout) .top .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.title-main,
html:not(.boxed-layout) .top .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-title,
html:not(.boxed-layout) .top .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.title-main,
html:not(.boxed-layout) .bottom .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-title,
html:not(.boxed-layout) .bottom .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.title-main,
html:not(.boxed-layout) .bottom .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-title,
html:not(.boxed-layout) .bottom .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.title-main,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-title,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.title-main,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-title,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.title-main,
html:not(.boxed-layout) footer .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-title,
html:not(.boxed-layout) footer .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.title-main,
html:not(.boxed-layout) footer .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-title,
html:not(.boxed-layout) footer .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.title-main {
    max-width: var(--content-max-width, 100%)
}

html:not(.boxed-layout) .top .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.module-title,
html:not(.boxed-layout) .top .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.title-main,
html:not(.boxed-layout) .top .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.module-title,
html:not(.boxed-layout) .top .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.title-main,
html:not(.boxed-layout) .bottom .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.module-title,
html:not(.boxed-layout) .bottom .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.title-main,
html:not(.boxed-layout) .bottom .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.module-title,
html:not(.boxed-layout) .bottom .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.title-main,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.module-title,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.title-main,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.module-title,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.title-main,
html:not(.boxed-layout) footer .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.module-title,
html:not(.boxed-layout) footer .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.title-main,
html:not(.boxed-layout) footer .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.module-title,
html:not(.boxed-layout) footer .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.module-item>.title-main {
    max-width: var(--content-max-width, 100%);
    margin-inline: var(--align-to-content-title)
}

html:not(.boxed-layout) .top .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.tab-container>.nav-tabs,
html:not(.boxed-layout) .top .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.tab-container>.nav-tabs,
html:not(.boxed-layout) .bottom .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.tab-container>.nav-tabs,
html:not(.boxed-layout) .bottom .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.tab-container>.nav-tabs,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.tab-container>.nav-tabs,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.tab-container>.nav-tabs,
html:not(.boxed-layout) footer .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.tab-container>.nav-tabs,
html:not(.boxed-layout) footer .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body>.tab-container>.nav-tabs {
    margin-inline: calc(var(--align-to-content-title, 0px) - var(--page-tabs-scroll-padding, 0px))
}

html:not(.boxed-layout) .top .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid,
html:not(.boxed-layout) .top .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid,
html:not(.boxed-layout) .bottom .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid,
html:not(.boxed-layout) .bottom .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid,
html:not(.boxed-layout) footer .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid,
html:not(.boxed-layout) footer .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid {
    --scroll-padding: var(--content-gutter, 0px) !important
}

html:not(.boxed-layout) .top .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid>.auto-grid-items,
html:not(.boxed-layout) .top .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid>.auto-grid-items,
html:not(.boxed-layout) .bottom .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid>.auto-grid-items,
html:not(.boxed-layout) .bottom .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid>.auto-grid-items,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid>.auto-grid-items,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid>.auto-grid-items,
html:not(.boxed-layout) footer .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid>.auto-grid-items,
html:not(.boxed-layout) footer .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-grid>.auto-grid-items {
    padding-inline-start: var(--align-to-content);
    scroll-padding-inline-start: var(--align-to-content)
}

html:not(.boxed-layout) .top .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-carousel-controls,
html:not(.boxed-layout) .top .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-carousel-controls,
html:not(.boxed-layout) .bottom .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-carousel-controls,
html:not(.boxed-layout) .bottom .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-carousel-controls,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-carousel-controls,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-carousel-controls,
html:not(.boxed-layout) footer .fullwidth-row .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-carousel-controls,
html:not(.boxed-layout) footer .mega-menu-content .grid-item:not([class*=grid-module-grid])>.align-to-content .auto-carousel-controls {
    --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding)*2, var(--content-max-width, 100%) - var(--content-gutter)*2), 100% - var(--scroll-padding)*2) !important
}

html:not(.boxed-layout) .top .fullwidth-row:not(.align-content-row) .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-title,
html:not(.boxed-layout) .top .fullwidth-row:not(.align-content-row) .grid-item:not([class*=grid-module-grid])>.align-to-content>.title-main,
html:not(.boxed-layout) .bottom .fullwidth-row:not(.align-content-row) .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-title,
html:not(.boxed-layout) .bottom .fullwidth-row:not(.align-content-row) .grid-item:not([class*=grid-module-grid])>.align-to-content>.title-main,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .fullwidth-row:not(.align-content-row) .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-title,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .fullwidth-row:not(.align-content-row) .grid-item:not([class*=grid-module-grid])>.align-to-content>.title-main,
html:not(.boxed-layout) footer .fullwidth-row:not(.align-content-row) .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-title,
html:not(.boxed-layout) footer .fullwidth-row:not(.align-content-row) .grid-item:not([class*=grid-module-grid])>.align-to-content>.title-main {
    margin-inline: var(--align-to-content-title)
}

html:not(.boxed-layout) .top .fullwidth-row.align-content-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body,
html:not(.boxed-layout) .bottom .fullwidth-row.align-content-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body,
html:not(.boxed-layout) .menu-fullwidth.menu-fullwidth-content .fullwidth-row.align-content-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body,
html:not(.boxed-layout) footer .fullwidth-row.align-content-row .grid-item:not([class*=grid-module-grid])>.align-to-content>.module-body {
    margin-inline-start: var(--align-to-content-cancel)
}

.flex-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--flex-grid-gap, 0px);
    width: -webkit-fill-available;
    width: stretch;
    width: -moz-available
}

.no-flexbox-gap .flex-grid {
    margin: calc(0px - var(--flex-grid-gap, 0px)/2)
}

.no-flexbox-gap .flex-grid>* {
    margin: calc(var(--flex-grid-gap, 0px)/2)
}

.flex-grid>* {
    min-width: min(var(--flex-grid-width, -moz-fit-content), 100%);
    min-width: min(var(--flex-grid-width, fit-content), 100%);
    width: var(--flex-grid-max-col, -moz-fit-content);
    width: var(--flex-grid-max-col, fit-content)
}

.masonry-grid {
    --masonry-cols-width: auto;
    --masonry-cols-max: auto;
    --masonry-cols-gap: 0px;
    -moz-columns: var(--masonry-cols-width) var(--masonry-cols-max);
    columns: var(--masonry-cols-width) var(--masonry-cols-max);
    -moz-column-gap: var(--masonry-cols-gap);
    column-gap: var(--masonry-cols-gap);
    -moz-column-fill: balance;
    column-fill: balance
}

.masonry-grid>* {
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.masonry-grid>*:not(:last-child) {
    margin-bottom: var(--masonry-cols-gap)
}

.main-products.product-grid.auto-grid,
.main-posts.post-grid.auto-grid {
    display: grid;
    grid-template-columns: repeat(var(--auto-grow-type), minmax(max(min(var(--grid-min-width), calc((100% - (var(--grid-min-col, -1) - 1)*var(--grid-gap))/var(--grid-min-col, -1))), calc((100% - (var(--grid-max-col, -1) - 1)*var(--grid-gap))/var(--grid-max-col, -1))), var(--fr)));
    gap: var(--grid-gap);
    overflow-x: initial
}

.main-products.product-grid.auto-grid>.product-layout,
.main-posts.post-grid.auto-grid>.product-layout {
    height: 100%
}

.main-products.product-list.auto-grid {
    flex-direction: column
}

.product-list.auto-grid {
    flex-direction: column
}

.product-list.auto-grid .product-layout {
    flex-grow: 1;
    max-width: 100%
}

.auto-carousel-controls {
    z-index: 2;
    --auto-carousel-controls-max-width: 100%
}

.no-scroll>.auto-carousel-controls {
    visibility: hidden !important
}

.auto-carousel-bar {
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
    position: relative;
    background: #eee;
    box-sizing: content-box;
    align-items: center;
    height: var(--auto-carousel-height, var(--auto-carousel-thumb-height, 10px));
    max-width: calc(var(--auto-scroll-max-width, var(--auto-carousel-controls-max-width)) - var(--width-reduction, 0px));
    max-height: 0;
    margin: var(--scrollbar-top-spacing, 0) max(0px, var(--scroll-padding, 0px)) var(--scrollbar-bottom-spacing, 0) max(0px, var(--scroll-padding, 0px))
}

.auto-carousel-thumb {
    position: absolute;
    height: var(--auto-carousel-thumb-height, 4px);
    top: 50%;
    transform: translate3d(0, -50%, 0);
    background: #aaa;
    width: 0;
    will-change: transform;
    z-index: 1;
    transition: transform 50ms linear;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: inherit;
    box-sizing: content-box
}

.auto-carousel-thumb:before {
    max-width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.3em;
    min-height: 1.3em
}

.auto-carousel-fill {
    --progressDirection: 1;
    position: absolute;
    background: #ddd;
    display: none;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate3d(0, -50%, 0) scaleX(0);
    transform-origin: left;
    border-radius: inherit;
    transition: all 50ms linear;
    will-change: transform
}

html[dir=rtl] .auto-carousel-fill {
    --progressDirection: -1;
    transform-origin: right
}

.auto-carousel-buttons {
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
    max-width: var(--auto-carousel-controls-max-width, 100%);
    margin-inline: max(0px, var(--scroll-padding, 0px));
    position: absolute;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    order: -1;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    gap: var(--auto-carousel-button-gap, 0px);
    --buttons-offset: calc(var(--scrollbar-top-space, 0px)/2*-1)
}

.auto-carousel-buttons>div {
    width: var(--auto-carousel-button-width, 40px);
    height: var(--auto-carousel-button-height, 40px);
    position: relative;
    pointer-events: auto;
    will-change: transform;
    transition: transform .25s ease, opacity 0ms linear
}

.auto-carousel-buttons span {
    position: relative;
    height: 100%;
    cursor: pointer;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate3d(0, 0, 0) scale(1);
    will-change: transform;
    transition: all 75ms ease, transform 20ms
}

.auto-carousel-buttons span:before {
    content: "";
    font-family: icomoon
}

.auto-carousel-next span:before {
    content: ""
}

.no-scroll-next .auto-carousel-next {
    --scale: 1;
    opacity: .5;
    pointer-events: none;
    transition: transform .25s ease, opacity 0ms .25s linear
}

.no-scroll-next .auto-carousel-next span {
    cursor: default
}

.no-scroll-next .auto-carousel-next:active:active span {
    opacity: .8
}

.no-scroll-prev .auto-carousel-prev {
    --scale: 1;
    opacity: .5;
    pointer-events: none;
    transition: transform .25s ease, opacity 0ms .25s linear
}

.no-scroll-prev .auto-carousel-prev span {
    cursor: default
}

.no-scroll-prev .auto-carousel-prev:active span {
    opacity: .8
}

.auto-carousel-prev span {
    animation: 1s ease 0s normal forwards 1 fadein
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.module-blog_posts .module-item.tab-pane,
.module-blog_posts .module-item.panel>.panel-collapse>.panel-body,
.module-blog_posts .module-item:not(.tab-pane),
.module-blog_posts .module-item:not(.panel),
.module-testimonials .module-item.tab-pane,
.module-testimonials .module-item.panel>.panel-collapse>.panel-body,
.module-testimonials .module-item:not(.tab-pane),
.module-testimonials .module-item:not(.panel),
.module-info_blocks .module-item.tab-pane,
.module-info_blocks .module-item.panel>.panel-collapse>.panel-body,
.module-info_blocks .module-item:not(.tab-pane),
.module-info_blocks .module-item:not(.panel),
.module-categories .module-item.tab-pane,
.module-categories .module-item.panel>.panel-collapse>.panel-body,
.module-categories .module-item:not(.tab-pane),
.module-categories .module-item:not(.panel),
.module-products .module-item.tab-pane,
.module-products .module-item.panel>.panel-collapse>.panel-body,
.module-products .module-item:not(.tab-pane),
.module-products .module-item:not(.panel) {
    margin-inline-start: var(--inline-margin, initial);
    margin-inline-end: var(--inline-margin, initial);
    max-width: var(--center-insufficient, initial)
}

.module-catalog>.module-body,
.module-gallery>.module-body {
    margin-inline-start: var(--inline-margin, initial);
    margin-inline-end: var(--inline-margin, initial);
    max-width: var(--center-insufficient, initial)
}

:before,
:after {
    position: relative;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400
}

.fa {
    position: relative
}

.h1,
.h2,
.h3,
h1,
h2,
h3,
.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin: 0
}

p {
    margin: 0
}

p>br:only-child {
    display: none
}

s {
    text-decoration: none;
    font-size: 85%;
    font-style: normal;
    font-weight: 400;
    white-space: normal;
    line-height: 1;
    max-width: 125px;
    transition: all .075s ease-out
}

li:before {
    min-width: 1em;
    min-height: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

img {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: 0;
    border-radius: 0;
    border: none;
    background: 0 0
}

.language-flag {
    max-width: none
}

.lazyload,
.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity .3s
}

@keyframes fa-rotate {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.count-badge {
    font-size: 1rem;
    margin-inline-start: 5px;
    min-width: 1.73em;
    height: 1.73em;
    padding: .3em;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin-top: var(--margin-top, 0px);
    transform: translate3d(var(--x, 0px), var(--y, 0px), 0)
}

.count-zero {
    display: none !important
}

.sticky-menu.header-sticky .desktop-main-menu-wrapper {
    --sticky-offset: auto
}

.sticky-menu.header-sticky .desktop-main-menu-wrapper .main-menu-item>a>.count-badge,
.sticky-menu.header-sticky .desktop-main-menu-wrapper .main-menu-item>a>.menu-label,
.sticky-menu.header-sticky .desktop-main-menu-wrapper #cart-items {
    transition: all .1s
}

.text-start {
    text-align: start
}

.text-center {
    text-align: center
}

.text-end {
    text-align: end
}

.fa-stack {
    font-size: 15px;
    width: 1.1em;
    height: 1em;
    line-height: 1
}

.fa-stack em {
    font-size: 1em
}

.fa-stack em:before {
    font-family: icomoon
}

.fa-star-o:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star,
.fa-star+.fa-star-o {
    color: gold
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.product-labels {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column
}

.product-label {
    position: relative;
    pointer-events: none;
    max-width: 100%;
    order: 5;
    min-width: 0
}

.product-label strong {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: opacity .2s;
    font-weight: 400;
    font-size: 85%;
    line-height: 1;
    color: #fff;
    background: rgba(0, 0, 0, .85);
    padding: .45em .55em;
    will-change: transform
}

.product-label strong:before {
    line-height: 1
}

.product-label strong s {
    font-size: inherit;
    display: inline-block;
    white-space: nowrap;
    margin: 0 .2em;
    max-width: none;
    position: relative
}

.product-labels-outside {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--label-gap, 5px)
}

.product-labels-outside span.product-label.product-label-default {
    flex-grow: var(--label-grow, 0);
    margin: 0
}

.product-labels-outside span.product-label.product-label-default strong {
    width: 100%;
    padding: 0
}

.product-labels-outside span.product-label.product-label-default strong:hover {
    transform: scale(var(--scale-hover))
}

.product-labels-outside span.product-label.product-label-default strong:active {
    transform: scale(var(--scale-active, var(--scale-hover)));
    transition: all 50ms ease
}

.product-labels-outside span.product-label.product-label-default strong a:not([href]) {
    cursor: auto;
    color: inherit;
    font: inherit;
    padding: .45em .55em;
    text-decoration: none
}

.product-labels-outside span.product-label.product-label-default strong a[href] {
    pointer-events: auto;
    padding: .45em .55em;
    color: inherit;
    font: inherit;
    cursor: pointer
}

.no-flexbox-gap .product-labels-outside .product-label {
    margin: calc(var(--label-gap, 0)/2) !important
}

.product-label-diagonal {
    width: 150%;
    max-width: none;
    text-align: center;
    position: absolute;
    margin: calc(20px + var(--label-diagonal-offset, 0px)) !important;
    padding: 0;
    top: 0;
    left: 0;
    right: initial;
    bottom: initial;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.product-label-diagonal strong {
    display: block;
    background: 0 0
}

html[dir=rtl] .product-label-diagonal {
    top: 0;
    left: initial;
    right: 0;
    bottom: initial;
    transform: translate3d(50%, -50%, 0) rotate(45deg)
}

html[dir=rtl] .table-responsive>.table-bordered>thead>tr>th:first-child,
html[dir=rtl] .table-responsive>.table-bordered>tbody>tr>th:first-child,
html[dir=rtl] .table-responsive>.table-bordered>tfoot>tr>th:first-child,
html[dir=rtl] .table-responsive>.table-bordered>thead>tr>td:first-child,
html[dir=rtl] .table-responsive>.table-bordered>tbody>tr>td:first-child,
html[dir=rtl] .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-right: 0;
    border-left: 1px
}

html[dir=rtl] .table-responsive>.table-bordered>thead>tr>th:last-child,
html[dir=rtl] .table-responsive>.table-bordered>tbody>tr>th:last-child,
html[dir=rtl] .table-responsive>.table-bordered>tfoot>tr>th:last-child,
html[dir=rtl] .table-responsive>.table-bordered>thead>tr>td:last-child,
html[dir=rtl] .table-responsive>.table-bordered>tbody>tr>td:last-child,
html[dir=rtl] .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-left: 0;
    border-right: 0
}

html[dir=rtl] .product-label-default {
    text-align: start
}

.countdown {
    position: relative;
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
    transition: all .2s;
    visibility: visible;
    opacity: 1;
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 10px;
    font-size: 85%;
    max-width: 100%;
    min-width: 0;
    flex-grow: 1;
    container-type: inline-size
}

.countdown>div {
    width: calc(var(--custom-item-size, 25%) - var(--element-margin-inline-start, 0px));
    max-width: calc(25% - var(--element-margin-inline-start, 0px));
    min-width: 0;
    border-width: 0;
    border-inline-start-width: 1px;
    display: flex;
    flex-direction: column;
    line-height: 1;
    font-size: calc(12px + 1cqw);
    font-weight: 700
}

.countdown>div:first-of-type {
    border-inline-start-width: 0
}

.countdown>div span {
    display: block;
    font-size: clamp(10px, .5em, 18px);
    font-weight: 400;
    position: relative;
    text-align: center;
    margin-top: .2em
}

.product-thumb:hover .countdown {
    opacity: 1
}

.touchevents .countdown {
    opacity: 1
}

.module-countdown>.module-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gap, 4px)
}

.module-countdown>.module-body .module-text {
    display: flex;
    flex-grow: 1;
    flex-basis: clamp(var(--text-min-width, 100px), calc(var(--text-max-width, 50%) - var(--gap, 0px)/2), 100%);
    min-width: 0
}

.module-countdown>.module-body .module-text>div {
    flex-grow: 1
}

.module-countdown>.module-body .module-text:before {
    line-height: 1
}

.module-countdown>.module-body .countdown {
    flex-basis: min(calc(100% - var(--text-max-width, 50%) - var(--gap, 0px)/2), 100%);
    flex-grow: 1
}

.module-countdown>.module-body .countdown>div {
    padding: .5em;
    min-width: 2.5em
}

table {
    border-collapse: inherit
}

table thead td {
    background: 0 0
}

table td {
    padding: 10px 15px
}

table td.td-model {
    white-space: nowrap
}

table td.td-name {
    white-space: normal
}

table td.td-qty .input-group {
    margin: 0 auto
}

.table-bordered>tbody>tr>td {
    border-top-width: 0;
    border-right-width: 0
}

.table-responsive {
    margin-bottom: 0;
    border-width: 0
}

.table-responsive.table-scroll:before {
    content: "";
    display: block;
    padding: 2px 6px;
    text-align: center;
    left: 0;
    position: sticky
}

html[dir=rtl] .table-responsive.table-scroll:before {
    right: 0
}

.table-responsive {
    border: 0
}

.table-responsive>table {
    border: none !important
}

.table,
table,
.table-responsive>.table {
    margin-bottom: 0;
    border-width: 0
}

.table-hover>tbody>tr:hover {
    background-color: transparent
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent
}

html[dir=rtl] .table {
    max-width: initial
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px 14px;
    border-top-color: transparent;
    vertical-align: middle
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-color: transparent
}

.table-bordered {
    border-color: transparent
}

.table {
    border-color: transparent
}

.table>tbody+tbody {
    border-top: 0
}

table td:first-child,
table th:first-child,
.table-bordered td:first-child,
.table-bordered th:first-child {
    border-left-width: 0
}

table td:last-child,
table th:last-child,
.table-bordered td:last-child,
.table-bordered th:last-child {
    border-right-width: 0
}

table thead>tr>td,
.table-bordered thead>tr>td {
    border-bottom-width: 1px;
    border-right-width: 0
}

table tbody tr:last-child td,
table tbody tr:last-child th,
.table-bordered tbody tr:last-child td,
.table-bordered tbody tr:last-child th {
    border-bottom-width: 0
}

table tfoot>tr>td,
.table-bordered tfoot>tr>td {
    border-bottom-width: 0;
    border-right-width: 0
}

table>thead>tr>td {
    border-bottom-width: 1px
}

table>thead:first-of-type>tr>td {
    border-top-width: 0 !important
}

.table>tbody:first-child>tr:first-of-type>td {
    border-top-width: 0 !important
}

.product-compare #content tbody td {
    text-align: center
}

.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
    border-width: 0
}

.tooltip {
    z-index: 1399;
    pointer-events: none;
    opacity: 1;
    background-color: transparent !important
}

.tooltip.in {
    opacity: 1;
    pointer-events: none
}

.tooltip-inner {
    color: #fff;
    background-color: var(--background-color, #333);
    border-radius: 5px;
    padding: .2em .6em
}

.tooltip.top .tooltip-arrow {
    border-top-color: var(--background-color, #333)
}

.tooltip.right .tooltip-arrow {
    border-right-color: var(--background-color, #333)
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--background-color, #333)
}

.tooltip.left .tooltip-arrow {
    border-left-color: var(--background-color, #333)
}

.tooltip.fade>* {
    opacity: 0;
    visibility: hidden;
    transition: all .15s ease-in-out
}

.tooltip.fade.in>* {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0)
}

.tooltip.top>* {
    transform: translate3d(0, 7px, 0)
}

.tooltip.right>* {
    transform: translate3d(-7px, 0, 0)
}

.tooltip.bottom>* {
    transform: translate3d(0, -7px, 0)
}

.tooltip.left>* {
    transform: translate3d(7px, 0, 0)
}

.alert {
    margin-bottom: 0;
    border: 0;
    padding: 10px 25px 10px 15px;
    border-radius: 0;
    position: relative
}

.alert a {
    color: inherit
}

.alert i {
    margin: 5px
}

.alert .close {
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
    right: 10px;
    opacity: 1
}

.tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.tags a {
    font-size: 90%;
    text-decoration: none;
    font-weight: 400;
    transition: all .075s ease-out
}

.video-responsive {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    width: 100%;
    position: relative
}

.video-responsive:only-child {
    margin-bottom: 0
}

.video-frame {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%
}

.video-frame>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

iframe {
    max-width: 100%;
    border: none
}

.fb-page {
    overflow-x: auto;
    max-width: 100%;
    display: block !important
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: visible
}

hr:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 0;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center
}

.drop-cap {
    position: relative;
    display: block;
    float: left;
    line-height: 1
}

.amp {
    display: inline-block;
    position: relative;
    line-height: 1
}

blockquote {
    border: none;
    padding: 0;
    margin: 0;
    font-size: inherit
}

blockquote:before {
    float: left;
    line-height: 1;
    font-size: 2.5em;
    font-style: normal
}

blockquote:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

.no-transitions * {
    transition: all 0s !important
}

.sharethis-inline-reaction-buttons {
    display: inline-block !important
}

.sharethis-inline-reaction-buttons .st-btn {
    font-size: 18px !important;
    padding: 0 7px !important;
    width: auto !important
}

.sharethis-inline-reaction-buttons .st-btn.st-selected {
    transform: scale(1) !important
}

.sharethis-inline-reaction-buttons .st-btn>svg {
    width: 30px !important;
    height: 30px !important
}

.cart-heading,
.info-block,
.nav-tabs li a,
.btn,
.name a,
.catalog-title,
.subitem a,
.panel-title a,
.refine-item a,
.compare-btn,
.search-result a,
.j-menu>li>a,
.dropdown-toggle>a,
.menu-item>a,
.account-list a,
.tags a,
.module-blog_categories a,
.module-blog_comments a,
.blog-feed,
.mobile-custom-menu,
.slider-static-text,
.x {
    text-decoration: none
}

.cart-heading:hover,
.info-block:hover,
.nav-tabs li a:hover,
.btn:hover,
.name a:hover,
.catalog-title:hover,
.subitem a:hover,
.panel-title a:hover,
.refine-item a:hover,
.compare-btn:hover,
.search-result a:hover,
.j-menu>li>a:hover,
.dropdown-toggle>a:hover,
.menu-item>a:hover,
.account-list a:hover,
.tags a:hover,
.module-blog_categories a:hover,
.module-blog_comments a:hover,
.blog-feed:hover,
.mobile-custom-menu:hover,
.slider-static-text:hover,
.x:hover {
    text-decoration: none
}

.no-touchevents .cart-heading:hover,
.no-touchevents .info-block:hover,
.no-touchevents .nav-tabs li a:hover,
.no-touchevents .btn:hover,
.no-touchevents .name a:hover,
.no-touchevents .catalog-title:hover,
.no-touchevents .subitem a:hover,
.no-touchevents .panel-title a:hover,
.no-touchevents .refine-item a:hover,
.no-touchevents .compare-btn:hover,
.no-touchevents .search-result a:hover,
.no-touchevents .j-menu>li>a:hover,
.no-touchevents .dropdown-toggle>a:hover,
.no-touchevents .menu-item>a:hover,
.no-touchevents .account-list a:hover,
.no-touchevents .tags a:hover,
.no-touchevents .module-blog_categories a:hover,
.no-touchevents .module-blog_comments a:hover,
.no-touchevents .blog-feed:hover,
.no-touchevents .mobile-custom-menu:hover,
.no-touchevents .slider-static-text:hover,
.no-touchevents .x:hover {
    text-decoration: none
}

.lazyload-bg:not(.lazyload),
.lazyload-bg.lazyloaded {
    background-image: var(--lazy-background-image)
}

.atss[class*=addthis] {
    z-index: 1020
}

.hotspot-container {
    container-type: inline-size;
    position: absolute;
    inset: 0;
    pointer-events: none
}

.hotspot {
    position: absolute;
    pointer-events: auto;
    z-index: 2;
    text-decoration: none !important;
    transition: all .1s ease-out;
    border-radius: 50%;
    --hotspot-size: 16px;
    width: 1.5em;
    height: 1.5em;
    font-size: max(1em, calc(var(--hotspot-size)*.9 + .5cqw));
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    animation: pulse-dot 1.25s cubic-bezier(.215, .61, .355, 1) -.3s infinite;
    --pulse-dot: 1
}

.hotspot span {
    color: #000;
    background: #d3d3d3;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    z-index: 2;
    line-height: 1;
    transition: all .1s ease-out, transform 40ms linear
}

.hotspot span:hover {
    transform: scale(var(--scale-hover, 1))
}

.hotspot span:active {
    transform: scale(var(--scale-active, var(--scale-hover, 1)))
}

.hotspot span:before {
    content: "";
    font-family: icomoon;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(var(--hotspot-rotate, 0deg));
    position: absolute;
    transition: all .2s ease-out
}

.hotspot:after {
    content: "";
    position: absolute;
    display: none;
    width: 250%;
    height: 250%;
    box-sizing: border-box;
    z-index: 1;
    border-radius: inherit;
    background-color: #01a4e9;
    animation: pulse-ring 1.25s cubic-bezier(.215, .61, .355, 1) infinite;
    pointer-events: none
}

.hotspot-1 {
    inset-inline-start: var(--offset-left, 20%);
    inset-block-start: var(--offset-top, 20%)
}

.hotspot-2 {
    inset-inline-start: var(--offset-left, 50%);
    inset-block-start: var(--offset-top, 50%)
}

.hotspot-3 {
    inset-inline-start: var(--offset-left, 80%);
    inset-block-start: var(--offset-top, 80%)
}

.hotspot-tooltip s,
.hotspot-tooltip sup,
.hotspot-tooltip small {
    opacity: .9
}

@keyframes pulse-ring {
    0% {
        transform: scale(.33)
    }

    75%,
    100% {
        opacity: 0
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(var(--pulse-dot, .8))
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(var(--pulse-dot, .8))
    }
}

a,
button {
    touch-action: manipulation
}

a:focus,
a:hover {
    text-decoration: none;
    outline: none
}

button {
    border: none;
    outline: none;
    margin: 0;
    padding: 0
}

button:focus,
button.active:focus,
button:active:focus,
.btn:focus,
.btn.active:focus,
.btn:active:focus,
.btn-default:focus,
.btn-default.active:focus,
.btn-default:active:focus {
    outline: unset
}

.btn {
    outline-color: var(--background-color, initial)
}

.btn:focus,
.btn.focus,
.btn.active:focus,
.btn:active:focus,
.btn:focus-within,
.btn:hover {
    color: var(--focus-color);
    outline-color: var(--background-color, initial)
}

button.active,
button:active,
.btn.active,
.btn:active,
.btn-default.active,
.btn-default:active {
    box-shadow: none
}

.links-menu a[href="javascript:;"] {
    pointer-events: none
}

.btn.disabled,
.btn[disabled] {
    pointer-events: none;
    position: relative
}

.btn.disabled:before,
.btn.disabled>span,
.btn[disabled]:before,
.btn[disabled]>span {
    opacity: .2
}

.btn.disabled:after,
.btn[disabled]:after {
    position: absolute
}

.button-group-page .btn.disabled:before,
.button-group-page .btn.disabled>span,
.button-group-page .btn[disabled]:before,
.button-group-page .btn[disabled]>span {
    opacity: 0
}

.btn.btn-full {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch
}

.btn {
    border: none;
    border-radius: 0;
    padding: .4em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 1;
    font-size: initial;
    min-width: 0;
    transition: all .1s ease-out
}

.btn .fa {
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.btn:before,
.btn:after {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-width: 1em;
    min-height: 1em;
    padding: 0;
    line-height: 1
}

.btn>span:first-of-type {
    white-space: nowrap
}

.btn>.links-text:empty {
    display: none
}

.btn .count-badge {
    margin: 0
}

.btn.block-expand:after {
    position: relative
}

.fa-upload {
    margin-inline-end: 5px
}

:focus {
    outline: none
}

.buttons {
    transition: all .1s ease-out;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: 0 0;
    gap: var(--page-buttons-gap, 10px)
}

.no-flexbox-gap .buttons {
    margin-inline-start: calc(0px - var(--page-buttons-gap, 10px)/2);
    margin-inline-end: calc(0px - var(--page-buttons-gap, 10px)/2);
    margin-bottom: calc(0px - var(--page-buttons-gap, 10px)/2)
}

.no-flexbox-gap .buttons>div {
    padding: calc(var(--page-buttons-gap, 10px)/2)
}

.buttons label {
    margin-bottom: 0
}

.buttons>div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: -moz-min-content;
    min-width: min-content;
    width: 100%;
    flex-basis: calc((var(--page-buttons-width, 420px) - 100%)*999)
}

.buttons>div>.btn {
    min-width: -moz-min-content;
    min-width: min-content;
    width: 100%
}

.buttons .pull-left {
    align-items: flex-end
}

.buttons .pull-right:only-child {
    flex-grow: 1
}

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

.buttons .pull-right a:not(.btn) {
    margin-inline-start: 5px
}

html[dir=rtl] .buttons .pull-right a:not(.btn) {
    margin-inline-end: 5px
}

.buttons .pull-right input {
    margin: 0
}

.buttons .pull-right .btn:before {
    order: 10
}

.buttons:before,
.buttons:after {
    display: none
}

@media only screen and (min-width:470px) {
    .buttons.dual-agree .pull-right {
        flex-grow: 1;
        justify-content: flex-end
    }

    .buttons.dual-agree .pull-right .btn {
        width: -moz-max-content;
        width: max-content
    }
}

.btn:hover {
    transform: scale(var(--scale-hover))
}

.btn:active {
    transform: scale(var(--scale-active, var(--scale-hover)));
    transition: all 50ms ease
}

.ripple {
    --ripple-background: #fff;
    --ripple-opacity: .3;
    --ripple-duration: .6s;
    --ripple-easing: linear
}

.btn.ripple {
    overflow: hidden
}

.btn.ripple small {
    position: absolute;
    display: block;
    background: var(--ripple-background);
    border-radius: 50%;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
    will-change: transform, opacity;
    top: calc(var(--y)*1px);
    left: calc(var(--x)*1px);
    width: calc(var(--d)*1px);
    height: calc(var(--d)*1px);
    opacity: calc(var(--o, 1)*var(--ripple-opacity));
    transition: calc(var(--t, 0)*var(--ripple-duration)) var(--ripple-easing);
    transform: translate(-50%, -50%) scale(var(--s, 1));
    transform-origin: center
}

.btn.ripple small:before,
.btn.ripple small:after {
    display: none
}

label {
    font-weight: 400;
    position: relative
}

legend {
    border: none;
    color: inherit;
    width: auto;
    font-size: initial
}

.form-control,
.select-control,
.form-select {
    border-color: transparent;
    line-height: 1.3;
    min-width: 36px;
    min-height: 36px;
    color: unset;
    padding: 5px 8px;
    background-color: unset;
    transition: all .07s ease-out;
    box-sizing: border-box;
    box-shadow: none;
    font-size: unset
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-inline-end: var(--element-padding-inline-end, 20px) !important;
    max-width: 100%;
    background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 63%, var(--background-color, #fff) 63%), linear-gradient(-120deg, currentColor 63%, rgba(255, 255, 255, 0) 63%) !important;
    background-repeat: no-repeat !important;
    background-size: 15px 6px !important;
    background-position: calc(100% - 4px) 50% !important
}

html[dir=rtl] select {
    background-position: 4px 50% !important
}

.input-group,
.input-group-btn {
    gap: var(--input-group-gap, 5px)
}

.input-group {
    display: flex;
    align-items: center
}

.input-group .input-group-btn {
    display: flex
}

.input-group label {
    height: 100%
}

.input-group .form-control {
    width: auto;
    flex-grow: 1
}

.input-group .input-group-btn {
    align-self: stretch;
    width: auto
}

.input-group .input-group-btn:last-child>.btn,
.input-group .input-group-btn:last-child>.btn-group {
    margin: 0;
    flex-grow: 1;
    width: 100%;
    height: 100%
}

.input-group.date .input-group-btn,
.input-group.time .input-group-btn,
.input-group.datetime .input-group-btn {
    max-width: -moz-max-content;
    max-width: max-content;
    flex-basis: auto
}

.input-group .btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.radio input[type=checkbox],
.radio input[type=radio],
.checkbox input[type=checkbox],
.checkbox input[type=radio],
.form-check input[type=checkbox],
.form-check input[type=radio] {
    position: relative;
    margin-inline-end: 5px;
    margin-inline-start: 0
}

.form-check label {
    margin-bottom: 0
}

input[type=checkbox],
input[type=radio] {
    min-width: 15px;
    min-height: 15px;
    margin-top: 0;
    margin-bottom: 0
}

input[type=checkbox]+img,
input[type=radio]+img {
    margin-inline-start: 5px
}

.radio,
.checkbox,
.form-check {
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    width: 100%
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .form-check {
    padding: 0
}

.radio label,
.checkbox label,
.form-check label {
    padding: 0;
    display: inline-block
}

.radio label input[type=checkbox],
.radio label input[type=radio],
.checkbox label input[type=checkbox],
.checkbox label input[type=radio],
.form-check label input[type=checkbox],
.form-check label input[type=radio] {
    position: relative;
    margin-inline-start: 0;
    margin-inline-end: 5px;
    vertical-align: middle;
    transform: translate3d(0, -1px, 0)
}

html[dir=rtl] .radio label input[type=checkbox],
html[dir=rtl] .radio label input[type=radio],
html[dir=rtl] .checkbox label input[type=checkbox],
html[dir=rtl] .checkbox label input[type=radio],
html[dir=rtl] .form-check label input[type=checkbox],
html[dir=rtl] .form-check label input[type=radio] {
    margin-inline-end: 0;
    margin-inline-start: 5px
}

.radio a,
.checkbox a,
.form-check a {
    padding: 0 4px
}

.radio+.radio,
.radio+.checkbox,
.checkbox+.radio,
.checkbox+.checkbox,
.form-check+.radio,
.form-check+.checkbox {
    margin-top: 0
}

.checkbox-inline,
.radio-inline,
.form-check-inline {
    display: flex;
    align-items: center;
    padding: 0
}

.checkbox-inline input,
.radio-inline input,
.form-check-inline input {
    position: relative;
    margin-inline-start: 0;
    margin-inline-end: 5px
}

html[dir=rtl] .checkbox-inline input,
html[dir=rtl] .radio-inline input,
html[dir=rtl] .form-check-inline input {
    margin-inline-end: 0;
    margin-inline-start: 5px
}

.form-horizontal .checkbox-inline,
.form-horizontal .radio-inline,
.form-horizontal .form-check-inline {
    padding: 0
}

.form-horizontal .checkbox-inline input,
.form-horizontal .radio-inline input,
.form-horizontal .form-check-inline input {
    position: relative;
    margin-inline-start: 0;
    margin-inline-end: 5px
}

html[dir=rtl] .form-horizontal .checkbox-inline input,
html[dir=rtl] .form-horizontal .radio-inline input,
html[dir=rtl] .form-horizontal .form-check-inline input {
    margin-inline-end: 0;
    margin-inline-start: 5px
}

.form-group.form-radio>[class*=col-] {
    gap: var(--radio-gap, 0px)
}

.form-group.form-radio>[class*=col-] .radio>label,
.form-group.form-radio>[class*=col-] .radio-inline {
    margin: 0
}

.form-group.form-checkbox>[class*=col-] {
    gap: var(--checkbox-gap, var(--radio-gap, 0px))
}

.form-group.form-checkbox>[class*=col-] .checkbox>label,
.form-group.form-checkbox>[class*=col-] .checkbox-inline {
    margin: 0
}

.no-flexbox-gap .form-group .control-label {
    margin-top: var(--label-gap, 0px);
    margin-bottom: var(--label-gap, 0px)
}

.control-label,
.form-label {
    padding: 0;
    margin: 0;
    line-height: 1.3;
    text-align: start;
    float: none;
    border-width: 0 0 1px;
    word-break: break-word;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    flex-wrap: nowrap;
    max-width: 100%;
    min-width: min(100%, max(var(--form-label-width), var(--form-label-min-width)));
    flex-basis: calc((var(--form-label-stack, 400px) - 100%)*999)
}

.control-label+*,
.form-label+* {
    max-width: 100%;
    min-width: 30px;
    flex-grow: 1;
    flex-basis: calc((var(--form-label-stack, 400px) - 100%)*999)
}

.control-label+.input-group .input-group-btn,
.form-label+.input-group .input-group-btn {
    flex-basis: calc((var(--button-group-stack, 350px) - 100%)*999)
}

:not(.form-group)>label {
    margin-bottom: var(--label-gap, 0px)
}

.form-group {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0;
    transition: all .05s ease-out;
    gap: var(--label-gap, 0px);
    --form-label-min-width: 80px;
    --form-label-width: 20%
}

.form-horizontal .form-group {
    margin: 0
}

.form-group .control-label,
.form-group .form-label {
    text-align: start
}

.form-group:empty {
    display: none !important
}

.form-group>div {
    display: flex;
    flex-wrap: wrap
}

.form-group>div.date,
.form-group>div.time,
.form-group>div.datetime {
    flex-wrap: nowrap
}

.form-group [class*=col-] {
    padding: 0
}

.form-group [class*=col-]>input[type=checkbox] {
    align-self: center;
    margin: 0
}

.form-group fieldset {
    width: 100%
}

.form-group fieldset+fieldset {
    margin-top: 20px
}

.form-group .label-info {
    display: inline-block
}

.form-group:before,
.form-group:after {
    display: none !important
}

fieldset:not(:first-child) {
    margin-top: var(--fieldset-spacing, 0)
}

.required .control-label:before,
.required .control-label:after,
.required .form-label:before,
.required .form-label:after {
    content: "*";
    display: none;
    position: relative;
    font-family: inherit;
    line-height: 1.2
}

.required .control-label:after,
.required .form-label:after {
    display: block;
    margin-inline-start: 3px
}

.required .control-label+div:before,
.required .form-label+div:before {
    display: none;
    content: "*";
    position: absolute;
    transform: translateX(-150%);
    font-family: inherit;
    line-height: 1.2;
    max-height: 10px
}

.text-danger,
.text-success,
.invalid-feedback {
    width: 100%;
    margin-top: 5px
}

.has-error .form-control {
    box-shadow: none
}

.has-error .control-label,
.has-error .text-danger {
    color: inherit
}

#input-captcha {
    max-width: 140px
}

#input-captcha+img {
    margin: 0 7px
}

.form-horizontal .captcha .form-group {
    margin: 0
}

.form-horizontal .captcha legend {
    display: none
}

.form-horizontal .g-recaptcha {
    transform: scale(.92);
    transform-origin: 0 0
}

.bootstrap-datetimepicker-widget {
    width: auto;
    --size: 32px
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0
}

.bootstrap-datetimepicker-widget .timepicker-picker td {
    width: var(--size);
    height: var(--size);
    line-height: var(--size);
    padding: 0 !important
}

.bootstrap-datetimepicker-widget .timepicker-picker td span {
    width: var(--size);
    height: var(--size);
    line-height: var(--size)
}

.bootstrap-datetimepicker-widget tr td {
    position: relative
}

.bootstrap-datetimepicker-widget tr td span {
    position: relative
}

.bootstrap-datetimepicker-widget tr td span:hover {
    background: 0 0;
    z-index: 2
}

.bootstrap-datetimepicker-widget tr td span.active {
    background-color: inherit;
    color: inherit;
    text-shadow: inherit;
    z-index: 3
}

.bootstrap-datetimepicker-widget tr td:hover,
.bootstrap-datetimepicker-widget tr td.active {
    z-index: 2
}

.bootstrap-datetimepicker-widget tr td.separator {
    color: inherit;
    background-color: transparent;
    box-shadow: none
}

.bootstrap-datetimepicker-widget tr td.separator:hover {
    color: inherit !important;
    background-color: transparent !important;
    box-shadow: none !important
}

.bootstrap-datetimepicker-widget .datepicker-months tr td,
.bootstrap-datetimepicker-widget .datepicker-years tr td,
.bootstrap-datetimepicker-widget .timepicker-picker tr td {
    color: inherit !important;
    background-color: transparent !important;
    box-shadow: none !important
}

.bootstrap-datetimepicker-widget .picker-switch+.collapse .timepicker-hours,
.bootstrap-datetimepicker-widget .picker-switch+.collapse .timepicker-minutes {
    margin-top: 10px
}

.bootstrap-datetimepicker-widget:before {
    display: none !important
}

.bootstrap-datetimepicker-widget .timepicker-picker .btn {
    margin: 10px 0
}

.bootstrap-datetimepicker-widget .picker-switch .btn {
    margin-top: 10px
}

.stepper {
    display: inline-flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-width: 1px;
    transition: all .1s ease-out;
    min-width: var(--stepper-min-width, 60px);
    height: var(--stepper-height, 36px)
}

.stepper button {
    transition: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    top: 0;
    left: auto;
    right: 0;
    border-style: inherit;
    border-color: inherit
}

.stepper button.fa-angle-down {
    z-index: 3;
    top: 50%
}

.stepper button:before {
    transition: inherit;
    top: -1px
}

.stepper button:active {
    opacity: .8;
    background-color: #e8e8e8
}

.no-touchevents .stepper button:hover {
    background-color: #e8e8e8
}

.stepper input.form-control {
    width: 100%;
    padding: 0 !important;
    align-self: stretch;
    min-height: 100%;
    min-width: 25px;
    height: initial !important;
    border-radius: 0 !important;
    border: none !important;
    text-align: center;
    transition: all .05s ease-out
}

.input-group .stepper+.input-group-btn .btn {
    width: -moz-max-content;
    width: max-content
}

.login-box {
    display: flex;
    flex-wrap: wrap
}

.login-box>div {
    flex-grow: 1;
    flex-basis: 300px
}

.login-box>div:first-child p:last-of-type {
    margin-bottom: 20px
}

.login-box .login-box .form-group {
    flex-wrap: wrap
}

.login-box:before,
.login-box:after {
    display: none
}

.login-box .well {
    height: 100%;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    box-shadow: none;
    background: 0 0;
    display: flex;
    flex-direction: column
}

.login-box .well>.btn {
    margin-top: auto;
    align-self: flex-start
}

.login-box .well p:first-of-type {
    display: none
}

.login-box .well .buttons {
    margin-top: auto
}

.fa.fa-cloud-download:before {
    content: "";
    font-family: "icomoon"
}

a.forgot-password {
    display: block;
    margin: 10px 0;
    max-width: -moz-max-content;
    max-width: max-content
}

.register-page>div {
    width: 100%
}

.register-page>p {
    margin-bottom: 20px
}

.register-page .fieldset+fieldset {
    margin-top: 30px
}

.route-account-account #content,
.route-affiliate-account #content {
    display: flex;
    flex-direction: column
}

.route-account-account #content>div,
.route-affiliate-account #content>div {
    margin-bottom: 32px
}

.route-affiliate-login #content>p+p {
    margin-bottom: 24px
}

[class*=route-account-] #content>p:only-of-type,
.route-checkout-voucher #content>p:only-of-type {
    margin-bottom: 24px
}

.account-list {
    display: flex;
    flex-wrap: wrap
}

.account-list>li {
    width: 100%;
    margin-bottom: 5px;
    display: flex
}

.account-list>li>a {
    display: inline-flex;
    align-items: center;
    line-height: 1.3;
    transition: all .1s ease-out
}

.account-list>li>a:before {
    margin: 0 5px 5px 0;
    transition: inherit;
    line-height: 1
}

html[dir=rtl] .account-list>li>a:before {
    margin: 0 0 5px 5px
}

.account-list>li>a:hover {
    transform: scale(var(--scale-hover))
}

.account-list>li>a:active {
    transform: scale(var(--scale-active, var(--scale-hover)))
}

.route-account-return-add fieldset {
    margin-top: 30px
}

.route-account-order-info table {
    margin-bottom: 20px
}

.route-account-order-info h2 {
    margin-top: 20px
}

.route-account-return-info h1+table,
.route-account-return-info .table-responsive {
    margin-bottom: 20px
}

#account,
#address,
#account-address form>div:not(.buttons),
#form-voucher {
    display: flex;
    flex-direction: column
}

#input-theme.is-invalid,
#input-theme .is-invalid {
    border-style: none !important
}

.route-account-wishlist .table {
    margin-bottom: 0
}

.route-account-wishlist .table-responsive table tr td {
    min-width: 90px
}

.route-account-wishlist .table-responsive table tr td .btn {
    width: 36px;
    height: 36px
}

.route-account-wishlist .table-responsive table tr td .btn+.btn {
    margin-inline-start: 2px
}

.route-account-wishlist .table-responsive table tr td:nth-of-type(2) {
    min-width: 150px
}

.route-account-wishlist .table-responsive table tr td:last-of-type {
    white-space: nowrap
}

.route-account-wishlist .table-responsive td .btn {
    padding: .5em !important;
    font-size: 95%
}

.route-account-wishlist .table-responsive td .btn span {
    display: none
}

.route-account-transaction #content table:not(.table-order)>tbody>tr td,
.route-account-reward #content table:not(.table-order)>tbody>tr td,
.route-account-order #content table:not(.table-order)>tbody>tr td,
.route-account-order-info #content table:not(.table-order)>tbody>tr td {
    padding: 18px
}

.route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table tfoot td,
.route-checkout-cart .cart-total .table>tbody>tr>td {
    padding: 14px
}

.route-account-address .table-responsive td,
.route-account-address-delete .table-responsive td {
    padding: 18px;
    line-height: 1.8
}

.route-account-address .table-responsive td .btn+.btn,
.route-account-address-delete .table-responsive td .btn+.btn {
    left: -8px
}

[class*=route-account-]:not(.route-account-address) table .text-right .btn,
[class*=route-account-]:not(.route-account-address-delete) table .text-right .btn {
    min-width: 35px;
    min-height: 35px;
    margin: 2px
}

[class*=route-account-]:not(.route-account-address) table .text-right .btn i,
[class*=route-account-]:not(.route-account-address-delete) table .text-right .btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

[class*=route-account-]:not(.route-account-address) table .text-right .btn i:before,
[class*=route-account-]:not(.route-account-address-delete) table .text-right .btn i:before {
    font-size: 16px
}

[class*=route-account-]:not(.route-account-address) h1+p,
[class*=route-account-]:not(.route-account-address-delete) h1+p {
    margin-bottom: 15px
}

.panels-total {
    display: flex;
    justify-content: space-between
}

.cart-total {
    display: flex;
    justify-content: flex-end
}

.cart-total .table-responsive {
    width: 100%
}

.cart-total .table {
    margin: 0 !important
}

.cart-total .table td+td {
    width: 15%;
    min-width: 130px;
    white-space: nowrap !important
}

.cart-page .cart-bottom {
    margin: 0;
    min-width: min(100%, 300px);
    align-self: flex-start
}

.route-checkout-cart #shopping-cart table tbody .td-qty .input-group {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0 !important
}

.route-checkout-cart #shopping-cart table tbody .td-qty .input-group-btn {
    width: auto;
    --input-group-gap: 8px
}

.route-checkout-cart #shopping-cart table tbody .td-name {
    min-width: 150px;
    white-space: normal
}

.route-checkout-cart #shopping-cart table tbody .td-name a {
    margin-bottom: 4px;
    display: inline-block
}

.route-checkout-cart #shopping-cart table tbody .td-name small:first-of-type {
    display: inline-block;
    margin-top: 3px
}

.route-checkout-cart #shopping-cart table tr td {
    min-width: 90px;
    vertical-align: middle
}

.route-checkout-cart .cart-panels {
    flex: 1
}

.route-checkout-cart .cart-panels p {
    margin-bottom: 16px
}

.route-checkout-cart .cart-panels p+* {
    margin-top: 0
}

.route-checkout-cart #error-not-found #content {
    flex-direction: column
}

.route-checkout-cart .cart-page {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
}

.route-checkout-cart .cart-page>* {
    max-width: 100%;
    flex-grow: 1
}

.route-information-sitemap #content>.row {
    display: flex;
    flex-wrap: wrap;
    margin: calc(0px - var(--sitemap-gap, 0px)/2)
}

.route-information-sitemap #content>.row:before {
    display: none
}

.route-information-sitemap #content>.row>div {
    flex-grow: 1;
    padding: calc(var(--sitemap-gap, 0px)/2)
}

.route-information-sitemap #content>.row>div>ul {
    padding: 0
}

.route-information-sitemap #content>.row>div>ul ul {
    padding-inline-start: 20px
}

.route-information-sitemap #content>.row>div>ul li {
    list-style: none;
    margin-top: 6px
}

.route-information-sitemap #content>.row>div>ul li a:before {
    margin: 0 5px;
    display: inline-block
}

.route-information-contact .our-location {
    background: 0 0;
    border: none;
    box-shadow: none;
    margin: 0
}

.route-information-contact .our-location a>i {
    margin-inline-end: 5px
}

.route-information-contact .our-location .panel-body {
    padding: 0
}

.route-information-contact .other-stores {
    margin-bottom: 20px
}

.route-product-manufacturer {
    scroll-behavior: smooth
}

.route-product-manufacturer .brand-index {
    margin-bottom: 25px;
    position: sticky;
    z-index: 97;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    padding: 5px
}

.route-product-manufacturer .brand-index p {
    margin: 0;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none
}

.route-product-manufacturer .brand-index p::-webkit-scrollbar {
    display: none
}

.route-product-manufacturer .brand-index strong {
    white-space: nowrap;
    margin: 4px 20px 4px 0
}

.route-product-manufacturer .brand-index a {
    margin-inline-end: 20px
}

.route-product-manufacturer .manufacturer {
    margin-bottom: 25px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr))
}

.route-product-manufacturer.desktop-header-active.header-sticky.sticky-default .brand-index {
    top: calc(var(--sticky-top-distance, var(--desktop-header, 60px)) + var(--desktop-main-menu, 40px))
}

.route-product-manufacturer.desktop-header-active.header-sticky.sticky-default .manufacturer-letter {
    scroll-margin-top: calc(var(--desktop-sticky, var(--desktop-header, 60px)) + var(--desktop-main-menu, 40px) + var(--brand-index-height, 50px))
}

.route-product-manufacturer.desktop-header-active.header-sticky.sticky-full .brand-index {
    top: calc(var(--desktop-top-bar, 35px) + var(--desktop-sticky, var(--desktop-header, 60px)) + var(--desktop-main-menu, 40px))
}

.route-product-manufacturer.desktop-header-active.header-sticky.sticky-full .manufacturer-letter {
    scroll-margin-top: calc(var(--desktop-top-bar, 35px) + var(--desktop-sticky, var(--desktop-header, 60px)) + var(--desktop-main-menu, 40px) + var(--brand-index-height, 50px))
}

.route-product-manufacturer.desktop-header-active.header-sticky.sticky-menu .brand-index {
    top: var(--desktop-main-menu, 40px)
}

.route-product-manufacturer.desktop-header-active.header-sticky.sticky-menu .manufacturer-letter {
    scroll-margin-top: calc(var(--desktop-main-menu, 40px) + var(--brand-index-height, 50px))
}

.route-product-manufacturer.desktop-header-active:not(.header-sticky).sticky-default .brand-index {
    top: calc(var(--desktop-header, 60px) + var(--desktop-main-menu, 40px))
}

.route-product-manufacturer.desktop-header-active:not(.header-sticky).sticky-default .manufacturer-letter {
    scroll-margin-top: calc(var(--desktop-header, 60px) + var(--desktop-main-menu, 40px) + var(--brand-index-height, 50px))
}

.route-product-manufacturer.desktop-header-active:not(.header-sticky).sticky-full .brand-index {
    top: calc(var(--desktop-top-bar, 35px) + var(--desktop-header, 60px) + var(--desktop-main-menu, 40px))
}

.route-product-manufacturer.desktop-header-active:not(.header-sticky).sticky-full .manufacturer-letter {
    scroll-margin-top: calc(var(--desktop-top-bar, 35px) + var(--desktop-header, 60px) + var(--desktop-main-menu, 40px) + var(--brand-index-height, 50px))
}

.route-product-manufacturer.desktop-header-active:not(.header-sticky).sticky-menu .brand-index {
    top: var(--desktop-main-menu, 40px)
}

.route-product-manufacturer.desktop-header-active:not(.header-sticky).sticky-menu .manufacturer-letter {
    scroll-margin-top: calc(var(--desktop-main-menu, 40px) + var(--brand-index-height, 50px))
}

.route-product-manufacturer.mobile-header-active.mobile-sticky-full:not(.header-mobile-1) .manufacturer-letter {
    scroll-margin-top: calc(var(--mobile-top-bar, 35px) + var(--mobile-bar, 60px) + var(--mobile-search-bar, 0px) + (var(--mobile-search-padding, 7px)*2))
}

.route-product-manufacturer.mobile-header-active.mobile-sticky-default:not(.header-mobile-1) .manufacturer-letter {
    scroll-margin-top: calc(var(--mobile-bar, 60px) + var(--mobile-search-bar, 0px) + (var(--mobile-search-padding, 7px)*2))
}

.route-product-manufacturer.mobile-header-active.mobile-sticky-full.header-mobile-1 .manufacturer-letter {
    scroll-margin-top: calc(var(--mobile-top-bar, 35px) + var(--mobile-bar, 60px))
}

.route-product-manufacturer.mobile-header-active.mobile-sticky-default.header-mobile-1 .manufacturer-letter {
    scroll-margin-top: calc(var(--mobile-bar, 60px))
}

.image-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    transition: all .15s ease;
    text-align: center;
    line-height: 1.15
}

.image-card img {
    width: 100%;
    margin-bottom: 6px
}

.image-card span {
    display: block
}

.route-account-return-info #content>*+* {
    margin-top: 20px
}

.route-product-compare .compare-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 7px 0
}

.route-product-compare .compare-buttons .btn {
    flex-grow: 1;
    margin: 4px
}

.route-product-compare .compare-buttons .btn:before {
    display: none
}

.route-product-compare table #content table td {
    width: 20%;
    min-width: 150px;
    white-space: normal
}

.route-product-compare table #content table td:not(:first-of-type) {
    min-width: 200px
}

.route-product-compare table #content tbody:last-of-type tr:last-child td {
    border-top-width: 1px;
    padding: 0
}

.route-product-compare table #content .table-bordered>tfoot>tr>td {
    border: 0
}

.route-product-compare #content table>tbody>tr>td:first-child {
    white-space: nowrap
}

.route-product-compare #content table>tfoot>tr>td {
    border-left: 0;
    border-right: 0
}

.route-product-search #content .search-form .inputs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    --split: 70%;
    --gap: 20px;
    --min-width: 200px;
    gap: var(--gap, 20px);
    margin-bottom: 10px
}

.route-product-search #content .search-form input[type=text] {
    flex-grow: 1;
    flex-basis: clamp(var(--min-width, 250px), calc(var(--split, 60%) - var(--gap, 20px)/2), 100%);
    max-width: 100%
}

.route-product-search #content .search-form select {
    max-width: 100%;
    flex-grow: 1;
    flex-basis: clamp(var(--min-width, 250px), calc(100% - var(--split, 60%) - var(--gap, 20px)/2), 100%)
}

.route-product-search #content>h2:last-child {
    display: none !important
}

.route-product-search #content>h2:last-of-type {
    margin-top: 20px
}

.route-product-search #content>.checkbox {
    margin-bottom: 5px
}

.route-account-order-info .text-left:first-child {
    min-width: 150px
}

.route-account-order-info table tr:first-of-type td {
    line-height: 1.7
}

.route-account-order-info .text-right b {
    white-space: nowrap
}

.route-information-information #content {
    display: flex;
    flex-direction: column
}

.route-information-information .content {
    flex: 1
}

.route-product-category #content {
    display: flex;
    flex-direction: column
}

.category-description {
    position: relative
}

.category-description:after {
    content: "";
    display: table;
    clear: both
}

.category-description+p {
    order: 40
}

.category-image {
    float: left;
    position: relative
}

.category-image img {
    max-width: 100%;
    height: auto
}

.category-text>p:last-of-type {
    margin-bottom: 0
}

.refine-title {
    margin: 0
}

.refine-items {
    display: flex;
    flex-wrap: wrap
}

.refine-item {
    display: flex
}

.refine-item a {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    min-width: 0
}

.refine-item a img {
    max-width: 100%;
    width: 100%;
    height: auto;
    align-self: center;
    border-radius: inherit;
    min-width: 0;
    transition: all 60ms ease-out
}

.refine-item a img:hover {
    transform: scale(var(--scale-hover, 1))
}

.refine-item a img:active {
    transform: scale(var(--scale-active, 1));
    transition: all 30ms ease
}

.refine-name {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 3px;
    transition: all .05s ease-out;
    flex-grow: 1;
    line-height: 1.2
}

.refine-name .count-badge {
    transform: none
}

.refine-grid .refine-items.ipr-grid .refine-item {
    padding: 10px
}

.refine-links .refine-items:not(.auto-grid) {
    margin: calc(var(--refine-spacing, 10px)/2*-1)
}

.refine-links .refine-items:not(.auto-grid) .refine-item {
    margin: calc(var(--refine-spacing, 10px)/2);
    width: auto !important;
    padding: 0
}

.refine-links .refine-items:not(.auto-grid) .refine-item a img {
    display: none
}

.refine-links .refine-items:not(.auto-grid) .refine-item:not(:last-of-type):after {
    margin: 0 7px
}

.products-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.products-filter .select-group {
    display: flex;
    margin-inline-start: auto
}

.products-filter .select-group label,
.products-filter .select-group select {
    border-width: 0
}

.products-filter .select-group .input-group {
    display: inline-flex;
    align-items: center;
    height: auto
}

.products-filter .select-group .input-group .input-group-addon {
    width: auto;
    display: flex;
    align-items: center;
    border-radius: 0;
    height: 100%
}

.products-filter .select-group .form-control {
    width: auto;
    min-width: 50px
}

.products-filter .select-group label {
    margin-bottom: 0
}

.grid-list {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.grid-list button,
.grid-list button:before {
    line-height: 1
}

.view-btn {
    background-color: transparent;
    position: relative
}

.compare-btn {
    display: flex;
    align-items: center;
    position: relative
}

.sort-by {
    margin-inline-end: 10px
}

@media only screen and (max-width:600px) {
    .products-filter .select-group .input-group .input-group-addon {
        display: none
    }

    .products-filter .select-group .input-group .form-control {
        max-width: 100px
    }
}

.mac.webkit .select-group .input-group-addon {
    position: relative;
    z-index: 2
}

.mac.webkit .select-group .form-control {
    position: relative;
    left: -3px;
    z-index: 1
}

.pagination-results {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.pagination-results:before,
.pagination-results:after {
    display: none
}

.pagination-results>div {
    width: auto;
    padding: 0;
    margin: 4px
}

.phone .pagination-results {
    justify-content: center
}

.phone .pagination-results>div {
    text-align: center;
    width: 100%
}

.phone .pagination-results .pagination {
    justify-content: center
}

.phone .pagination-results .pagination>li {
    margin-bottom: 5px
}

.pagination {
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    margin: calc(0px - var(--pagination-gap, 0px)/2)
}

.pagination>li {
    max-width: 50px;
    transition: all .08s ease-out;
    position: relative;
    display: inline-flex !important
}

.pagination>li>a,
.pagination>li>span {
    border: none !important;
    line-height: 1;
    padding: 0;
    transition: all .05s ease-out;
    background: 0 0;
    border-radius: inherit;
    width: 2em;
    height: 2em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: calc(var(--pagination-gap, 0px)/2) !important
}

.pagination>li>a:before,
.pagination>li>span:before {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    background: inherit
}

.pagination>li:hover {
    z-index: 2
}

.pagination>li.active a,
.pagination>li.active span {
    background: 0 0;
    pointer-events: none
}

.pagination>li:before {
    content: "";
    border-width: 0 0 0 1px;
    border-color: transparent;
    border-style: solid;
    height: calc(100% - var(--pagination-gap, 0px));
    top: calc(var(--pagination-gap, 0px)/2);
    position: relative;
    min-width: 1px
}

html[dir=rtl] .pagination>li:before {
    border-width: 0 1px 0 0
}

.pagination>li:first-child a,
.pagination>li:first-child span,
.pagination>li:last-child a,
.pagination>li:last-child span {
    border-radius: 0
}

.pagination>li:first-child:before {
    display: none
}

.pagination>li+li {
    margin-top: 0
}

.pagination>li:first-child a,
.pagination>li:last-child a,
.pagination a.prev,
.pagination a.next {
    visibility: hidden
}

.pagination>li:first-child a:before,
.pagination>li:last-child a:before,
.pagination a.prev:before,
.pagination a.next:before {
    visibility: visible;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scaleX(1)
}

.pagination>li:last-child a:before,
.pagination a.next:before {
    transform: translate(-50%, -50%) scaleX(-1)
}

.text-empty {
    padding: 10px
}

.ias-trigger,
.ias-spinner,
.ias-noneleft {
    width: 100%;
    text-align: center
}

.ias-trigger em:before,
.ias-spinner em:before,
.ias-noneleft em:before {
    font-size: 22px
}

.auto-grid .ias-trigger,
.auto-grid .ias-spinner,
.auto-grid .ias-noneleft {
    grid-column: 1/-1
}

.ias-trigger a {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-grid:not(.swiper-wrapper):not(.auto-grid),
.isotope-grid,
.module-products-list .product-list:not(.swiper-wrapper):not(.auto-grid) {
    display: flex;
    flex-wrap: wrap
}

.product-layout {
    display: flex;
    position: relative
}

.product-layout:after {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    z-index: 0;
    --layout-scale: 1;
    --layout-scale-duration: .15s;
    --layout-scale-proportion: .99;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transition: transform var(--layout-scale-duration) ease-out
}

.product-layout:hover {
    z-index: 2
}

.product-layout:hover:after {
    transform: translate3d(0, 0, 0) scale3d(var(--layout-scale), calc(var(--layout-scale)*var(--layout-scale-proportion)), 1)
}

.product-thumb {
    display: block;
    flex-wrap: wrap;
    flex-grow: 1;
    min-width: 0;
    z-index: 1;
    position: relative;
    transition: all .075s ease-out;
    transform-style: preserve-3d;
    --perspective: 800px;
    --flip-duration: .45s;
    --flip-ease: ease-out;
    --fade-duration: .2s;
    --fade-ease: ease;
    --scale-duration: .2s;
    --scale-ease: ease-out;
    --scale: 1.1
}

.product-thumb .image {
    position: relative;
    overflow: hidden
}

.product-thumb .image:before {
    content: "";
    position: absolute;
    width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    transition: all .2s ease-out
}

.is-dragging .product-thumb .image:before {
    pointer-events: auto
}

.product-thumb .product-img {
    display: block
}

.product-thumb .product-img>div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--scale-duration) var(--scale-ease)
}

.product-thumb .product-img img {
    pointer-events: none;
    transition: all var(--fade-duration) var(--fade-ease);
    width: 100%;
    height: auto;
    --drop-shadow-x: 0px;
    --drop-shadow-y: 0px;
    --drop-shadow-blur: 0px;
    --drop-shadow-color: transparent;
    --drop-shadow-x-hover: var(--drop-shadow-x);
    --drop-shadow-y-hover: var(--drop-shadow-y);
    --drop-shadow-blur-hover: var(--drop-shadow-blur);
    --drop-shadow-color-hover: var(--drop-shadow-color);
    filter: drop-shadow(var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color))
}

.product-thumb .product-img img.img-second {
    visibility: hidden;
    opacity: 0;
    position: absolute
}

.product-thumb .product-labels {
    z-index: 3
}

.product-thumb:hover {
    z-index: 1
}

.product-thumb:hover .has-second-image img {
    visibility: hidden
}

.product-thumb:hover .has-second-image img.img-second {
    visibility: visible;
    opacity: 1
}

.product-thumb:hover .product-img img {
    filter: drop-shadow(var(--drop-shadow-x-hover) var(--drop-shadow-y-hover) var(--drop-shadow-blur-hover) var(--drop-shadow-color-hover))
}

.product-thumb .caption {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative
}

.product-thumb .name {
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 7px;
    display: flex;
    align-items: center;
    max-width: 100%
}

.product-thumb .name a {
    display: block;
    text-align: center;
    padding-bottom: 1px
}

.product-thumb .description {
    margin: 0 0 auto 0;
    flex-grow: 1
}

.product-thumb .price {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: calc(var(--price-gap, 0)/1.5)
}

.product-thumb .price>div {
    flex-grow: 1;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: wrap;
    max-width: 100%;
    margin: calc(0px - var(--price-gap, 0)/2);
    width: 100%
}

.product-thumb .price>div span {
    line-height: 1;
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin: calc(var(--price-gap, 0)/2);
    flex-basis: calc((var(--price-stack, 0px) - 100%)*9999)
}

.product-thumb .price .price-tax {
    line-height: 1.2
}

.product-thumb .product-labels-price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--label-gap, 5px);
    max-width: -moz-max-content;
    max-width: max-content
}

.product-thumb .product-labels-price .product-label {
    margin: 0
}

.product-thumb .price-tax {
    color: #999;
    display: block;
    font-size: 80%;
    margin-top: 2px
}

.product-thumb .countdown {
    position: absolute;
    left: 50%;
    transform: translateX(var(--transform-50-rtl, -50%));
    bottom: var(--countdown-bottom-offset, 0);
    pointer-events: none;
    z-index: 2;
    width: 100%
}

.product-thumb .stats-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-grow: 1;
    margin: calc(0px - var(--stats-gap, 0px)/2)
}

.product-thumb .stats-group>span {
    margin: calc(var(--stats-gap, 0)/2);
    flex-basis: calc((var(--stats-stack, 0px) - 100%)*9999);
    display: flex;
    align-items: center
}

.product-thumb .stats-group>span a {
    display: block;
    word-break: break-all
}

.product-thumb .stats-group .stats-label+span {
    white-space: nowrap
}

.stats-label {
    margin-inline-end: 4px;
    white-space: nowrap
}

html[dir=rtl] .stats-label {
    margin-inline-start: 4px
}

.safari .product-thumb .product-img,
.safari .product-thumb .product-labels {
    transform: translate3d(0, 0, 0)
}

.product-layout .quickview-button {
    position: absolute;
    z-index: 10;
    transform: translate3d(0, 0, 0) scale(1);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    align-items: center;
    justify-content: center;
    --display: flex;
    display: var(--display);
    pointer-events: none
}

.product-layout .quickview-button .btn-quickview {
    pointer-events: auto;
    visibility: var(--visibility);
    opacity: var(--opacity)
}

.product-layout .quickview-button span {
    display: none
}

.product-layout:hover .quickview-button .btn-quickview {
    visibility: visible;
    opacity: 1;
    transform: scale(1) !important
}

.touchevents .product-layout .quickview-button {
    display: var(--touch-display, var(--display)) !important
}

.touchevents .product-layout .quickview-button .btn-quickview {
    visibility: visible !important;
    opacity: 1 !important;
    transform: scale(1) !important
}

.product-layout .button-group,
.product-layout .wish-group,
.product-layout .extra-group {
    display: flex
}

.product-layout .buttons-wrapper,
.product-layout .button-group {
    pointer-events: none
}

.product-layout .buttons-wrapper a,
.product-layout .buttons-wrapper button,
.product-layout .buttons-wrapper .btn,
.product-layout .button-group a,
.product-layout .button-group button,
.product-layout .button-group .btn {
    pointer-events: auto
}

.product-layout .cart-group,
.product-layout .wish-group {
    pointer-events: auto
}

.product-layout .btn-text {
    display: none
}

.product-layout .buttons-wrapper {
    z-index: 2
}

.product-layout .buttons-wrapper .button-group {
    position: static;
    transition: transform .25s ease-out
}

.product-layout .buttons-wrapper a:before {
    line-height: 1
}

.product-layout .rating {
    width: 100%;
    align-items: center;
    pointer-events: none;
    transition: all .1s ease-in-out;
    z-index: 2
}

.product-layout .rating-stars {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .1s ease-in-out
}

.product-layout .wish-group,
.product-layout .cart-group,
.product-layout .extra-group {
    position: relative;
    align-items: center;
    flex-wrap: wrap
}

.product-layout .image-group {
    display: block
}

.product-layout .button-group {
    margin: calc(0px - var(--buttons-gap, 0px)/2)
}

.product-layout .button-group>div {
    margin: 0
}

.product-layout .cart-group {
    align-items: stretch;
    max-width: 100%;
    margin: calc(0px - var(--buttons-gap, 0px)/2)
}

.product-layout .cart-group>* {
    margin: calc(var(--buttons-gap, 0px)/2)
}

.product-layout .wish-group {
    transition: all .1s ease-out;
    margin: calc(0px - var(--wishlist-gap, var(--buttons-gap, 0px))/2)
}

.product-layout .wish-group .btn {
    flex-grow: 1;
    margin: calc(var(--wishlist-gap, var(--buttons-gap, 0px))/2)
}

.product-layout .extra-group {
    z-index: 10
}

.product-layout .extra-group>div {
    margin: calc(0px - var(--extra-gap, 0px)/2)
}

.product-layout .extra-group>div .btn {
    min-width: -moz-min-content;
    min-width: min-content;
    margin: calc(var(--extra-gap, 0px)/2);
    flex-basis: calc((var(--extra-stack, 0) - 100%)*9999)
}

.product-grid .image-group {
    overflow: hidden;
    min-width: 30%;
    border-top-right-radius: inherit;
    border-top-left-radius: inherit
}

.product-grid .caption {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.product-grid .extra-group>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    transition: all .2s ease-out
}

.product-grid .buttons-wrapper {
    margin-top: auto
}

.product-grid .button-group {
    align-items: center;
    flex-wrap: wrap
}

.product-grid .wish-group {
    pointer-events: none
}

.product-grid .wish-group a {
    pointer-events: auto
}

.product-grid.flex-grid {
    --flex-grid-width: 250px
}

.no-flexbox-gap .product-list .product-thumb {
    margin: calc(0px - var(--product-list-gap, 0px)/2)
}

.no-flexbox-gap .product-list .product-thumb>div {
    margin: calc(var(--product-list-gap, 0px)/2)
}

.product-list .product-thumb {
    display: flex;
    flex-wrap: wrap;
    gap: var(--product-list-gap, 0px);
    --product-list-image-width: 30%
}

.product-list .product-thumb .image-group {
    overflow: hidden;
    width: var(--product-list-image-width)
}

.product-list .product-thumb .caption {
    width: calc(100% - var(--product-list-image-width) - var(--product-list-gap, 0px))
}

.product-list .product-thumb .caption>* {
    justify-content: flex-start
}

.product-list .product-thumb .caption .price {
    margin-top: 0;
    text-align: start
}

.product-list .product-thumb .rating {
    margin: 0;
    order: -1
}

.product-list .product-thumb .name {
    margin: 0;
    padding-inline-start: 0;
    padding-top: 0;
    flex-grow: 0
}

.product-list .product-thumb .name a {
    text-align: start
}

.product-list .product-thumb .description {
    display: flex;
    padding-top: 0;
    padding-inline-start: 0;
    text-align: start;
    margin-bottom: 0;
    margin-top: 0
}

.product-list .product-thumb .button-group {
    justify-content: flex-start;
    flex: 1
}

.product-list .product-thumb .cart-group {
    justify-content: flex-start
}

.product-list .product-thumb .caption .buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    width: auto
}

.product-list .product-thumb .extra-group {
    width: auto;
    pointer-events: none
}

.product-list .product-thumb .extra-group .btn {
    pointer-events: auto
}

.product-list .product-thumb .extra-group>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.product-list .stats {
    order: -2
}

.product-list .stats>span {
    padding-inline-end: 1em
}

.side-products {
    counter-reset: top-counters
}

.side-products:not(.swiper-wrapper) {
    display: flex;
    flex-wrap: wrap
}

.side-products.auto-grid {
    height: 100%
}

.side-products.auto-grid .product-layout {
    margin-top: 0
}

.side-products .product-layout {
    display: block;
    counter-increment: top-counters
}

.side-product:before {
    content: counter(top-counters);
    font-size: 300%;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    height: 100%;
    padding: 8px;
    z-index: 2;
    top: 5px;
    width: var(--min-width, -moz-min-content);
    width: var(--min-width, min-content)
}

.side-product {
    height: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: var(--mini-product-gap, 8px)
}

.ipr-grid .side-product {
    height: 100%
}

.side-product .image {
    position: relative;
    max-width: 100%;
    flex-basis: max-content
}

.side-product .image:before {
    position: absolute;
    z-index: 3;
    inset: 0;
    line-height: 1;
    font-size: 2em;
    pointer-events: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.side-product .image a {
    display: flex
}

.side-product .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.side-product .image .quickview-button {
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.side-product .image .quickview-button .btn-quickview {
    visibility: var(--visibility);
    opacity: var(--opacity);
    transform: scale(1);
    pointer-events: auto
}

.side-product .name {
    line-height: 1.1
}

.side-product .name a {
    display: block
}

.side-product .caption {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
    flex-basis: 0
}

.side-product .button-group {
    order: 20
}

.side-product .rating-stars {
    display: inline-flex
}

.side-product .price {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.side-product .price>span {
    line-height: 1.35
}

.side-product:hover .image .quickview-button .btn-quickview {
    visibility: visible;
    opacity: 1;
    transform: scale(1) !important
}

.touchevents .side-product .image .quickview-button {
    display: var(--display)
}

.touchevents .side-product .image .quickview-button .btn-quickview {
    visibility: visible !important;
    opacity: 1 !important;
    transform: scale(1) !important
}

.side-products-blocks {
    display: grid;
    gap: var(--blocks-gap, 0px);
    grid-template-columns: repeat(auto-fill, minmax(min(var(--blocks-grid-width, 100%), 100%), 1fr))
}

.side-products-blocks>div {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.mobile .product-thumb .product-img>div,
.mobile .module-gallery .module-item>a img,
.mobile .post-thumb .image img,
.mobile .manufacturer-thumb .image img {
    transform: scale(1) !important
}

.mobile input {
    box-shadow: none
}

.module-products .product-list:not(.product-grid).auto-grid .product-layout:not(.swiper-slide)+.product-layout:not(.swiper-slide) {
    border: none;
    padding-top: 0;
    margin-top: 0
}

.product_tabs-default {
    max-width: 100%
}

.product_tabs-default ul.nav-tabs {
    position: relative;
    z-index: 2
}

.product-blocks .block-content {
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch
}

.product-blocks .block-body>.block-wrapper {
    display: flex;
    flex-direction: column
}

.product_blocks {
    display: flex;
    flex-wrap: wrap;
    gap: var(--product-blocks-gap, 16px)
}

.product_blocks:not(:last-child) {
    margin-bottom: var(--product-blocks-gap, 16px)
}

.product_blocks>.product-extra-popup:not(.panel):not(.tab-pane) {
    display: inline-flex
}

.product_blocks>.product-extra-popup:not(.panel):not(.tab-pane)>.btn {
    width: 100%
}

.product-blocks.blocks-default>div+div {
    margin-top: var(--product-blocks-gap, 20px)
}

.blocks-content_top {
    margin-bottom: var(--product-page-split-gap, 20px)
}

.blocks-content_top,
.blocks-default {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column
}

.blocks-content_top [class*=product-extra-],
.blocks-default [class*=product-extra-] {
    flex-grow: 1
}

.product-extra>div>.title {
    align-items: center
}

.product-extra .product-extra-short_description .block-content {
    display: block
}

.product-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    gap: var(--product-page-split-gap, 20px)
}

.product-info>div {
    position: relative
}

.product-info .product-left,
.product-info .product-right {
    flex-grow: 1;
    flex-basis: 0
}

.product-info .product-left {
    min-width: calc(var(--product-page-split, 50%) - (var(--product-page-split-gap, 20px)/2))
}

.product-info .product-right {
    min-width: max(1%, 100% - var(--product-page-split, 50%) - var(--product-page-split-gap, 20px)/2)
}

.product-info .product-details {
    display: flex;
    flex-direction: column
}

.product-info .product-details .page-title {
    order: -100;
    display: none
}

.product-info .product-details>div:not(.page-title):not(:last-child) {
    margin-bottom: var(--sections-gap, 0px)
}

.product-right-wrapper>.product-blocks,
.product-right-wrapper .product-blocks>div:not(:first-child) {
    margin-top: var(--sections-gap, 0px)
}

@media only screen and (max-width:470px) {

    .product-info .product-left,
    .product-info .product-right {
        flex-basis: 100%
    }
}

.product-blocks {
    display: flex;
    flex-direction: column
}

.product-blocks [class*=product-extra]>.panel-heading:before,
.product-blocks [class*=product-extra]>.module-title:before,
.product-blocks .product-blocks-popup-btn:before,
.product-blocks .product_tabs>ul>li[class*=product_tabs]>a:before {
    margin-inline-end: 5px
}

.product-image {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.product-image>div {
    order: 5
}

.product-image .main-image {
    overflow: hidden
}

.product-image .main-image .swiper-slide[data-gallery] img {
    cursor: zoom-in
}

.product-image .main-image .swiper-controls {
    display: none
}

.product-image .main-image .swiper-container {
    overflow: hidden;
    border-radius: inherit;
    width: 99.99%
}

.product-image .swiper {
    width: auto;
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch
}

.product-image .swiper.main-image {
    padding: 0
}

.product-image .additional-image {
    cursor: pointer
}

.product-image .additional-images {
    max-width: 100vw
}

.product-image .additional-images.swiper {
    padding: 0
}

.product-image .additional-images.swiper .swiper-pagination {
    display: none
}

.product-image .additional-images:not(.swiper) {
    display: grid;
    grid-template-columns: repeat(var(--ipr, 4), 1fr);
    gap: var(--gap, 10px)
}

.product-image .product-labels {
    z-index: 1
}

.product-image img {
    width: 100%;
    height: auto;
    transition: all 90ms ease
}

.product-image.direction-horizontal.position-bottom .additional-images {
    padding-block-start: var(--additional-image-spacing, 0px)
}

.product-image.direction-horizontal.position-bottom .additional-images .swiper-buttons {
    margin-block-start: calc(var(--additional-image-spacing, 0px)/2)
}

.product-image.direction-horizontal.position-top .additional-images {
    padding-block-end: var(--additional-image-spacing, 0px)
}

.product-image.direction-vertical {
    flex-direction: row
}

.product-image.direction-vertical.position-left .additional-images {
    padding-inline: 0 var(--additional-image-spacing, 0px)
}

.product-image.direction-vertical.position-left .additional-images .swiper-buttons {
    margin-inline-start: calc(0px - var(--additional-image-spacing, 0px)/2)
}

.product-image.direction-vertical.position-right .additional-images {
    padding-inline: var(--additional-image-spacing, 0px) 0
}

.product-image.direction-vertical.position-right .additional-images .swiper-buttons {
    margin-inline-start: calc(var(--additional-image-spacing, 0px)/2)
}

.product-image.direction-vertical .additional-images {
    height: 0;
    overflow: visible
}

.product-image.direction-vertical .additional-images .swiper-container {
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
    height: 100%;
    overflow: hidden
}

.product-image.direction-vertical .additional-images .swiper-wrapper {
    flex-direction: column
}

.product-image.direction-vertical .additional-images .swiper-pagination {
    display: none !important
}

.product-image.direction-vertical .additional-images .swiper-buttons {
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    left: 0;
    right: 0;
    top: 0 !important;
    margin: 0
}

.product-image.direction-vertical .additional-images .swiper-buttons>div {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    max-width: 100%;
    background: rgba(0, 0, 0, .5)
}

.product-image.direction-vertical .additional-images .swiper-buttons>div:before {
    transform: rotate(90deg);
    color: rgba(255, 255, 255, .75)
}

.product-image.direction-vertical .additional-images .swiper-buttons .swiper-button-next {
    top: auto;
    bottom: 0
}

.product-image.position-left .additional-images,
.product-image.position-top .additional-images {
    order: -1
}

.product-image.direction-vertical .additional-images .swiper-buttons {
    opacity: 0;
    transition: opacity .5s 50ms ease-out
}

.product-image.direction-vertical .additional-images .swiper-container-initialized+.swiper-buttons {
    opacity: 1
}

.zm-viewer,
.zm-handler {
    pointer-events: none;
    z-index: 99
}

.zm-viewer {
    opacity: 0;
    transition: opacity .25s .25s ease-in-out
}

.product-info .product-stats {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.product-info .product-stats b {
    font-weight: 400;
    margin-inline-end: 3px
}

.product-info .product-stats ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0
}

.product-info .product-stats li {
    margin-inline-end: 10px;
    display: flex;
    align-items: center;
    margin-top: 0;
    flex-wrap: wrap
}

.product-info .product-stats li:before {
    font-size: 7px;
    margin-inline-end: 5px;
    vertical-align: middle
}

.product-info .product-manufacturer img {
    max-width: 150px;
    width: 100%
}

.product-info .product-manufacturer.brand-image {
    display: flex;
    justify-content: flex-end
}

.product-info .product-manufacturer.brand-image a {
    align-self: flex-start
}

.product-info .product-manufacturer>a {
    display: inline-flex;
    flex-direction: column;
    overflow: hidden
}

.product-info .product-manufacturer>a img {
    align-self: center
}

.product-info .product-manufacturer>a>span {
    text-align: center;
    display: block;
    max-width: 130px;
    margin-top: 3px;
    margin-bottom: 3px
}

.product-info .custom-stats {
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px
}

.product-info .custom-stats b {
    margin-inline-end: 5px
}

.product-info .custom-stats>div {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-info .custom-stats>div:first-of-type {
    margin-inline-end: 15px
}

html[dir=rtl] .product-info .product-stats b {
    margin-inline-end: initial;
    margin-inline-start: 3px
}

html[dir=rtl] .product-info .product-stats li {
    margin-inline-end: initial;
    margin-inline-start: 20px
}

html[dir=rtl] .product-info .product-stats li:before {
    margin-inline-end: initial;
    margin-inline-start: 5px
}

html[dir=rtl] .product-info .custom-stats b {
    margin-inline-end: initial;
    margin-inline-start: 5px
}

html[dir=rtl] .product-info .custom-stats>div:first-of-type {
    margin-inline-end: initial;
    margin-inline-start: 10px
}

.product-info .rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.product-info .rating>span {
    display: inline-flex
}

.product-info .rating>span:last-of-type {
    margin-inline-end: 10px
}

.product-info .rating div a {
    display: inline-flex;
    margin: 0 2px
}

.product-info .rating b {
    font-weight: 400
}

.product-info .rating-stars {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 5px
}

.product-info .price-wrapper {
    display: flex;
    flex-direction: column
}

.product-info .price-wrapper .product-labels-price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: -moz-max-content;
    max-width: max-content;
    order: 0;
    gap: var(--label-gap, 5px)
}

.product-info .price-wrapper .product-labels-price .product-label {
    margin: 0
}

.product-info .price-wrapper>div {
    order: 5;
    text-align: start
}

.product-info .price-wrapper .price-group {
    order: 1
}

.product-info .product-price-group {
    z-index: 2;
    pointer-events: none;
    display: flex
}

.product-info .product-price-group .product-stats {
    pointer-events: auto;
    flex-grow: 1
}

.product-info .price-group {
    display: flex;
    flex-wrap: wrap;
    pointer-events: auto;
    white-space: nowrap;
    gap: var(--product-page-price-gap, 0)
}

.product-info .price-group .product-price,
.product-info .price-group .product-price-new {
    font-size: 2rem
}

.product-info .price-group .product-price-old {
    font-size: 2rem
}

.product-info .product-options .options-title+.form-group {
    margin-top: 0 !important
}

.product-info .product-options .radio+.radio,
.product-info .product-options .checkbox+.checkbox {
    margin: 0
}

.product-info .product-options h3 {
    margin: 0
}

.product-info .product-options .img-thumbnail {
    border-radius: 0;
    border-width: 0;
    outline: none;
    padding: 0;
    background-color: transparent
}

.product-info .product-options .help-block {
    margin-bottom: 0;
    width: 100%;
    font-size: 85%
}

.product-info .product-options .help-block:empty {
    margin: 0
}

.product-info .product-options .option-value {
    line-height: 1.2
}

.product-info .form-group:not(:last-child):after {
    display: block !important;
    --input-group-spacing: inherit;
    margin-top: calc(var(--input-group-spacing, 0px) - var(--label-gap, 0px));
    content: "";
    width: 100%;
    border-width: 0 0 1px
}

.push-option input {
    display: none;
    position: relative;
    margin-top: 3px;
    width: 100%;
    text-align: center;
    border: none;
    padding: 0;
    min-height: auto;
    min-width: auto;
    background: 0 0;
    line-height: 1;
    box-shadow: none
}

.push-option .checkbox,
.push-option .radio {
    padding: 0 !important;
    margin: 0 !important
}

.push-option .option-value {
    position: relative
}

.push-option .option-wrapper {
    display: flex;
    align-items: center;
    flex-grow: 1;
    position: relative
}

.push-option .option-wrapper:active {
    transform: translate3d(0, 0, 0) scale(.97);
    transition: all 50ms ease
}

.push-option .option-wrapper:not(.push-option-image) .option-price {
    margin-inline-start: .3em
}

.push-option .push-option-image img {
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0
}

.push-option .push-option-image .option-value {
    margin: 1px 5px
}

.push-option .option-value,
.push-option img {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s, transform 30ms;
    align-self: center;
    margin: 0
}

.push-option .option-value:hover,
.push-option img:hover {
    cursor: pointer
}

.push-option>div[id*=input] {
    display: flex;
    --options-display: wrap;
    flex-wrap: var(--options-display);
    gap: var(--push-option-spacing, 7px)
}

.push-option>div[id*=input] .push-option-image .option-value {
    padding: 0
}

.push-option>div[id*=input]>div {
    width: auto;
    max-width: 100%
}

.push-option>div[id*=input] label {
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0
}

.no-flexbox-gap .push-option .option-wrapper {
    margin: calc(var(--push-option-spacing, 0px)/2)
}

.no-flexbox-gap .push-option>div:not(.text-danger) {
    margin: calc(0px - var(--push-option-spacing, 0px)/2)
}

.product-info .product-details .button-group-page {
    bottom: 0;
    left: 0;
    right: 0;
    transition: transform .35s .3s ease-out;
    border-radius: 0
}

.product-info .product-details .button-group-page .btn-cart .btn-text,
.product-info .product-details .button-group-page .btn-extra .btn-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-info .product-details>.minimum {
    margin-bottom: 0
}

.product-info .product-details .buttons-wrapper {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    margin: 0 auto
}

.product-info .product-details .buttons-wrapper .alert {
    margin-top: 10px;
    padding: 5px 10px;
    width: 100%
}

.product-info .product-details .wishlist-compare {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.product-info .product-details .wishlist-compare>div {
    overflow: hidden
}

.product-info .product-details .extra-group,
.product-info .product-details .wishlist-compare {
    font-size: 0
}

.product-info .product-details .stepper-group {
    display: flex;
    align-items: center
}

.product-info .product-details .stepper-group .control-label {
    align-self: center;
    position: relative;
    background: 0 0;
    flex-basis: auto
}

.product-extra-short_description #read-more-desc {
    white-space: nowrap
}

.popup-quickview .main-image img {
    cursor: default
}

.popup-quickview .direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) {
    width: 100% !important
}

.popup-quickview .direction-vertical .additional-images .swiper-buttons:not(.slider-navigation)>div {
    inset-inline-start: 50%;
    transform: translate3d(-50%, 0, 0)
}

.popup-quickview .extra-group {
    display: none !important
}

.popup-quickview .description {
    position: relative
}

.popup-quickview .product-info .product-details .stepper-group .stepper {
    height: calc(100% - var(--quickview-buttons-gap, var(--product-page-buttons-gap, 0px))*2)
}

.popup-quickview .product-info .product-details .buttons-wrapper {
    margin: calc(0px - var(--quickview-buttons-gap, var(--product-page-buttons-gap, 0px)))
}

.popup-quickview .product-info .product-details .buttons-wrapper .stepper-group>*,
.popup-quickview .product-info .product-details .buttons-wrapper .extra-group>a,
.popup-quickview .product-info .product-details .buttons-wrapper .wishlist-compare>a,
.popup-quickview .product-info .product-details .buttons-wrapper .btn-more-details {
    margin: var(--quickview-buttons-gap, var(--product-page-buttons-gap, 0px))
}

.popup-quickview .product-info .product-details .btn-cart {
    min-height: calc(100% - var(--quickview-buttons-gap, 0px)*2)
}

.product-info .product-details .buttons-wrapper {
    margin: calc(0px - var(--product-page-buttons-gap, 0px))
}

.product-info .product-details .buttons-wrapper .stepper-group>*,
.product-info .product-details .buttons-wrapper .extra-group>a,
.product-info .product-details .buttons-wrapper .wishlist-compare>a,
.product-info .product-details .buttons-wrapper .btn-more-details {
    margin: var(--product-page-buttons-gap, 0px)
}

.btn-more-details.btn {
    justify-content: center !important
}

html:not(.popup) .product-info .product-details .buttons-wrapper .wishlist-compare {
    gap: var(--product-page-wishlist-buttons-gap, var(--product-page-buttons-gap, 0px))
}

.product-left .product-blocks {
    margin-top: 20px
}

#tab-specification .table {
    margin-bottom: 0 !important
}

.review-links a {
    cursor: pointer
}

#review>p {
    margin: 0
}

#review table {
    margin-bottom: 0 !important
}

#review table:not(:nth-last-child(2)) {
    border-bottom-width: 0 !important
}

#review .rating {
    margin-top: 5px
}

#form-review .rate {
    display: flex;
    align-items: center;
    min-height: 35px
}

#form-review .rate span {
    position: relative;
    top: -1px
}

#form-review .rate>* {
    margin: 0
}

#form-review .rate>*+* {
    margin: 0 0 0 10px
}

#form-review .help-block {
    margin-bottom: 0
}

#form-review legend {
    margin-top: 15px
}

#form-review h4 {
    margin-top: 10px;
    margin-bottom: 20px;
    text-transform: none
}

.tags-title {
    margin-inline-end: 5px
}

.expand-content>p:last-of-type {
    margin-bottom: 0
}

.quick-checkout-wrapper>div {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.quick-checkout-wrapper>div>div {
    flex-grow: 1;
    max-width: 100%
}

.quick-checkout-wrapper>div .right {
    display: flex;
    flex-direction: column
}

.quick-checkout-wrapper>div .right .checkout-section:last-child {
    order: 1000;
    margin-bottom: 0
}

.quick-checkout-wrapper .section-body {
    display: flex;
    flex-direction: column
}

.quick-checkout-wrapper .section-body .form-group {
    order: 100
}

.quick-checkout-wrapper .section-body .radio,
.quick-checkout-wrapper .section-body .checkbox {
    align-items: initial
}

.quick-checkout-wrapper .payment-address .section-body>div:not(.checkbox),
.quick-checkout-wrapper .shipping-address .section-body>div:not(.checkbox) {
    display: flex;
    flex-direction: column
}

.quick-checkout-wrapper .well {
    margin-bottom: 0;
    box-shadow: none;
    border: none;
    padding: 0;
    background: 0 0
}

.quick-checkout-wrapper .checkout-section .login-options {
    margin-bottom: 0;
    order: -1
}

.quick-checkout-wrapper .checkout-section .login-options .radio {
    width: auto;
    margin-inline-end: 10px
}

html[dir=rtl] .quick-checkout-wrapper .checkout-section .login-options .radio {
    margin-inline-end: 0
}

.quick-checkout-wrapper .checkout-section .login-form {
    margin-top: 10px
}

.quick-checkout-wrapper .checkout-section .login-form>div:first-of-type {
    margin-top: 10px
}

.quick-checkout-wrapper .checkout-section .login-form input[type=password]+div {
    flex-basis: 100%;
    margin-top: 8px
}

.quick-checkout-wrapper .checkout-section .radio label input[type=radio],
.quick-checkout-wrapper .checkout-section .radio label input[type=checkbox],
.quick-checkout-wrapper .checkout-section .checkbox label input[type=radio],
.quick-checkout-wrapper .checkout-section .checkbox label input[type=checkbox] {
    margin-inline-end: 5px
}

html[dir=rtl] .quick-checkout-wrapper .checkout-section .radio label input[type=radio],
html[dir=rtl] .quick-checkout-wrapper .checkout-section .radio label input[type=checkbox],
html[dir=rtl] .quick-checkout-wrapper .checkout-section .checkbox label input[type=radio],
html[dir=rtl] .quick-checkout-wrapper .checkout-section .checkbox label input[type=checkbox] {
    margin-inline-start: 5px
}

.quick-checkout-wrapper .shipping-payment {
    display: flex;
    flex-wrap: wrap;
    gap: var(--section-shipping-gap, 0px)
}

.quick-checkout-wrapper .shipping-payment>div {
    width: 100%;
    flex-basis: calc((var(--section-shipping-stack, 700px) - 100%)*9999);
    flex-grow: 1
}

.quick-checkout-wrapper .shipping-payment .section-payment {
    flex-grow: 1
}

.quick-checkout-wrapper .shipping-payment .section-body>div {
    display: flex;
    align-items: center
}

.quick-checkout-wrapper .shipping-payment .section-body>div:before {
    line-height: 1;
    min-width: 34px;
    font-size: 24px
}

.quick-checkout-wrapper .shipping-payment .section-body .alert {
    display: block
}

.quick-checkout-wrapper .shipping-payment .section-body .alert:before {
    display: none
}

.quick-checkout-wrapper .shipping-payment .shippings p {
    margin-bottom: 0
}

.quick-checkout-wrapper .section-cvr .form-group .control-label+div {
    justify-content: flex-end
}

.quick-checkout-wrapper .cart-section table {
    margin-bottom: 0 !important
}

.quick-checkout-wrapper .cart-section .table-responsive+table {
    border-top-width: 0 !important;
    margin-top: 20px
}

.quick-checkout-wrapper .cart-section .table-responsive+table tfoot td+td {
    width: 20%
}

.quick-checkout-wrapper .cart-section .input-group,
.quick-checkout-wrapper .cart-section .input-group-btn {
    --input-group-gap: 8px
}

.quick-checkout-wrapper .confirm-section textarea {
    margin-bottom: 10px
}

.quick-checkout-wrapper .login-active .checkout-section:not(.section-login) {
    opacity: .4;
    pointer-events: none
}

.quick-checkout-wrapper .quick-checkout-spinner {
    display: flex;
    justify-content: center
}

.quick-checkout-wrapper .payment-pagseguro,
.quick-checkout-wrapper .payment-skrill,
.quick-checkout-wrapper .payment-cod,
.quick-checkout-wrapper .payment-payza,
.quick-checkout-wrapper .payment-paypal,
.quick-checkout-wrapper .payment-pp_standard,
.quick-checkout-wrapper .payment-pp_express,
.quick-checkout-wrapper .payment-coinbase,
.quick-checkout-wrapper .payment-stripe,
.quick-checkout-wrapper .payment-instamojo,
.quick-checkout-wrapper .payment-twocheckout {
    display: none !important
}

.quick-checkout-wrapper #payment>legend {
    display: none
}

.quick-checkout-wrapper .quick-checkout-payment {
    position: relative
}

.quick-checkout-wrapper .quick-checkout-payment .control-label[for=input-cc-save] {
    width: auto;
    max-width: -moz-max-content;
    max-width: max-content
}

.quick-checkout-wrapper .quick-checkout-payment .control-label[for=input-cc-save]+div {
    min-width: initial;
    width: auto
}

.quick-checkout-wrapper .quick-checkout-payment .buttons,
.quick-checkout-wrapper .payment-pp_braintree #submit-new {
    display: none !important
}

.quick-checkout-wrapper .captcha {
    margin-top: 15px
}

.quick-checkout-wrapper .captcha .form-group label {
    max-width: 100%
}

.quick-checkout-wrapper .captcha .form-group img {
    margin-inline-start: 10px;
    margin-top: 1px
}

.route-checkout-checkout #collapse-payment-method .radio+p,
.route-checkout-checkout #collapse-shipping-method .radio+p {
    margin-top: 10px
}

.route-checkout-checkout .table-responsive table tr td {
    min-width: 90px
}

.route-checkout-checkout .table-responsive table tr td.td-product {
    min-width: 150px
}

.route-checkout-checkout .table-responsive+h2 {
    margin-top: 24px
}

.route-checkout-checkout #payment .col-sm-3 {
    width: auto;
    padding-inline-end: 0;
    float: left
}

.phone.route-checkout-checkout #payment>div>div>div {
    max-width: 100%
}

.table-responsive>iframe {
    margin: 0 !important;
    padding-top: 20px;
    width: 100%
}

#checkout-checkout .login-box .radio {
    margin-bottom: 1.2rem
}

#checkout-checkout .register-page {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

#checkout-checkout .register-page>div {
    padding: 10px;
    flex: 1 1 300px
}

.quick-checkout-wrapper .confirm-section .checkbox {
    display: block !important;
    margin: 0
}

.quick-checkout-wrapper .confirm-section label {
    display: inline-block
}

.quick-checkout-wrapper .confirm-section label input {
    top: 2px;
    float: left
}

@media only screen and (max-width:760px) {

    .confirm-section .radio label,
    .confirm-section .checkbox label {
        display: block
    }
}

.popup-checkout-payment .popup-container {
    width: 400px
}

.popup-checkout-payment .popup-content {
    display: flex;
    flex-direction: column
}

.popup-checkout-payment .buttons {
    margin-top: auto;
    display: block
}

.popup-checkout-payment .popup-close {
    margin: 0
}

.oc4.route-checkout-checkout .checkout-sections {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    gap: var(--checkout-sections-gap, 30px)
}

.oc4.route-checkout-checkout .checkout-sections:before,
.oc4.route-checkout-checkout .checkout-sections:after {
    display: none
}

.oc4.route-checkout-checkout .checkout-section {
    flex-grow: 1;
    min-width: min(100%, 300px)
}

.oc4.route-checkout-checkout .checkout-section .buttons {
    width: 100%
}

.oc4.route-checkout-checkout .checkout-section-start {
    width: calc(var(--checkout-sections-split, 50%) - var(--checkout-sections-gap, 30px)/2)
}

.oc4.route-checkout-checkout .checkout-section-end {
    align-self: flex-start;
    width: calc(100% - var(--checkout-sections-split, 50%) - var(--checkout-sections-gap, 30px)/2)
}

.oc4.route-checkout-checkout .checkout-section-end>div+div {
    margin-top: var(--checkout-sections-gap, 24px)
}

.oc4.route-checkout-checkout .checkout-section-end .input-group select {
    flex-grow: 1
}

.oc4.route-checkout-checkout #shipping-address+div {
    margin-top: 24px
}

.oc4.route-checkout-checkout #shipping-existing {
    margin-top: 12px
}

.oc4.route-checkout-checkout #shipping-existing select {
    width: 100%
}

.oc4.route-checkout-checkout .checkout-cart-item {
    display: flex
}

.oc4.route-checkout-checkout .checkout-cart-item span:first-child small {
    margin-inline-start: 2px
}

.oc4.route-checkout-checkout .checkout-cart-item span small {
    opacity: .8
}

.oc4.route-checkout-checkout .checkout-cart-item span+span {
    margin-inline-start: 5px
}

.oc4.route-checkout-checkout #checkout-payment {
    margin-top: var(--checkout-sections-gap, 30px)
}

.oc4.route-checkout-checkout #button-confirm {
    width: 100%
}

@keyframes fade-in {
    from {
        opacity: 0;
        transform: translate3d(0, -5px, 0) scale(.95)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes scale-in {
    from {
        opacity: 0;
        transform: translate3d(0, 0, 0) scale(.85)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes slide-in {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

.notification-wrapper {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 15000;
    align-items: center;
    pointer-events: none;
    display: flex;
    flex-direction: column
}

.notification-wrapper-tc {
    align-items: center
}

.notification-wrapper-tr {
    align-items: flex-end
}

.notification-wrapper-center {
    align-items: center;
    justify-content: center
}

.notification-wrapper-center .notification {
    transform-origin: center;
    animation: scale-in .15s ease-out
}

.notification-wrapper-center .notification.fade-out {
    opacity: 0;
    margin: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0, 0, 0) scale(.9)
}

.notification-wrapper-bottom {
    justify-content: flex-end;
    align-items: center
}

.notification-wrapper-bottom .notification {
    animation: slide-in .2s ease-out;
    transition: all .2s ease-out;
    margin: 0
}

.notification-wrapper-bottom .notification.fade-out {
    margin: 0;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(0, -5px, 0) scale(.95)
}

.notification {
    position: relative;
    background-color: #fff;
    pointer-events: auto;
    transition: all .3s ease-out;
    animation: fade-in .25s ease-out;
    transform-origin: top;
    border-radius: inherit;
    max-width: 400px;
    margin: 20px;
    margin-bottom: 0;
    padding: 20px;
    box-shadow: 0 15px 90px -10px rgba(0, 0, 0, .2)
}

.notification.fade-out {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(0, -7px, 0) scale(.95)
}

.notification.removed {
    transition: margin-top 0s
}

.notification-content {
    display: flex;
    align-items: flex-start
}

.notification-content img {
    margin-inline-end: 10px
}

.notification-content:after {
    content: "";
    display: table;
    clear: both
}

.notification-title {
    font-weight: 600;
    margin-bottom: 5px
}

.notification-title:empty {
    margin: 0;
    display: none
}

.notification-buttons {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.notification-buttons a:before {
    margin-inline-end: 5px
}

.notification-buttons a:after {
    margin-inline-start: 5px
}

.notification-close {
    position: absolute;
    top: 0;
    right: 0;
    transition: all .075s ease-out
}

.notification-close:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

html[dir=rtl] .notification-close {
    right: auto;
    left: 0
}

.module-notification {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    transform-origin: bottom
}

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

.module-notification .notification-close {
    align-items: center;
    justify-content: center
}

.module-notification .notification-close:before {
    position: relative;
    top: initial;
    left: initial;
    transform: none
}

.notification-wrapper-message:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    pointer-events: auto
}

.notification-wrapper-message:empty:before {
    display: none
}

.notification-wrapper-message .notification {
    display: flex;
    align-items: flex-start;
    border-radius: 5px
}

.notification-wrapper-message .notification .notification-content {
    min-width: 200px;
    order: -1
}

.notification-wrapper-message .notification-text {
    color: #444
}

.site-wrapper>.container:before {
    content: "";
    display: none;
    position: absolute;
    z-index: -1;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 50%;
    margin-inline-start: -50vw;
    pointer-events: none
}

.top-bar:before,
.menu-bar:after,
.header .mid-bar:before {
    content: "";
    top: 0;
    height: 100%;
    position: absolute;
    z-index: 0;
    pointer-events: none;
    --scrollW: inherit
}

.top-bar:before,
.menu-bar:after,
.header .mid-bar:before,
.desktop-main-menu-wrapper .main-menu .mega-menu.menu-fullwidth>.j-dropdown {
    width: calc(100vw - var(--scrollW, 0px)) !important;
    inset-inline-start: 50%;
    transform: translate3d(var(--transform-50-rtl, -50%), 0, 0) scaleX(var(--bg-scale-x, 1))
}

.boxed-layout .top-bar:before,
.boxed-layout .menu-bar:after,
.boxed-layout .header .mid-bar:before,
.boxed-layout .desktop-main-menu-wrapper .main-menu .mega-menu.menu-fullwidth>.j-dropdown {
    max-width: min(100vw, var(--content-max-width, 100%))
}

.header .mid-bar:before {
    background: inherit
}

.header .mid-bar:before,
.menu-bar:after {
    transition: background-color .15s linear, transform .3s ease-out
}

.header-sticky .header .mid-bar:before,
.header-sticky .menu-bar:after {
    --bg-scale-x: 1
}

html[dir=rtl] {
    --transform-50-rtl: 50%;
    --transform-100-rtl: 100%
}

html[dir=rtl] .tab-content:before {
    --transform-50-rtl: 50%;
    --transform-100-rtl: 100%
}

.boxed-layout .site-wrapper>.container:before,
.boxed-layout .top-bar:before,
.boxed-layout .menu-bar:after,
.boxed-layout .desktop-main-menu-wrapper .main-menu .mega-menu.menu-fullwidth>.j-dropdown,
.boxed-layout .full-tabs-bg,
.boxed-layout .tab-content:before {
    max-width: var(--content-max-width, 100%)
}

.post-grid:not(.swiper-wrapper):not(.auto-grid) {
    display: flex;
    flex-wrap: wrap
}

.post-layout {
    display: flex;
    position: relative
}

.post-grid .image {
    container-type: inline-size
}

.post-thumb {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
    position: relative;
    transition: all .075s ease-out
}

.post-thumb .image {
    position: relative
}

.post-thumb .image a {
    display: flex;
    align-items: center;
    justify-content: center;
    backface-visibility: hidden;
    overflow: hidden;
    position: relative
}

.post-thumb .image a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 2
}

.post-thumb .image a img {
    width: 100%;
    height: auto;
    pointer-events: none;
    --scale-speed: .5s;
    transition: all var(--scale-speed) cubic-bezier(.19, 1, .22, 1)
}

.post-thumb .image .p-date {
    z-index: 1
}

.post-thumb:hover {
    z-index: 2
}

.post-thumb .caption {
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 100%;
    container-type: inline-size
}

.post-thumb .caption>* {
    order: 50
}

.post-thumb .name {
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    display: flex;
    max-width: 100%;
    align-items: flex-start
}

.post-thumb .name a {
    display: block
}

.post-thumb .post-stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 12px
}

.post-thumb .post-stats span {
    display: inline-flex
}

.post-stats :before {
    line-height: 0
}

.p-date {
    line-height: 1.1 !important
}

.p-date em {
    padding: 0 4px;
    margin: 0;
    font-style: normal
}

.p-date-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    --p-date-size: 40px;
    width: var(--p-date-size, auto);
    height: var(--p-date-size, auto);
    padding: 5px;
    pointer-events: none;
    line-height: 1;
    border-radius: inherit;
    container-type: inline-size
}

.p-date-image em {
    font-size: 80%
}

.p-date-image:before {
    display: none
}

.post-layout .button-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.post-layout .btn-text {
    display: none
}

.post-grid .post-thumb {
    --image-width: 100%;
    --stack: 300px;
    --details-gap: 0px;
    flex-direction: column;
    flex-wrap: nowrap
}

.post-grid .post-thumb>div {
    flex-basis: calc((var(--stack) - 100%)*9999)
}

.post-grid .post-thumb .image {
    min-width: min(100%, (var(--image-width)))
}

.post-grid .post-thumb .image a {
    height: 100%
}

.post-grid .post-thumb .image a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.post-grid .post-thumb .caption {
    flex-grow: 1;
    min-width: min(100%, (max(1%, 100% - var(--image-width)) - var(--details-gap)))
}

.post-grid .post-thumb,
.post-list .post-thumb {
    gap: var(--details-gap, 0)
}

.post-list .post-thumb {
    flex-direction: row;
    flex-wrap: wrap
}

.post-list .post-thumb>div {
    width: 100%;
    flex-basis: calc((var(--details-stack, 200px) - 100%)*9999)
}

.post-list .post-thumb .image {
    min-width: min(100%, var(--list-image, 40%))
}

.post-list .post-thumb .caption {
    flex-grow: 1
}

.main-posts.post-list .post-layout {
    width: 100%
}

.post-list:not(.auto-grid) .post-layout:not(.swiper-slide),
.main-posts.post-list .post-layout:not(.swiper-slide) {
    margin-bottom: var(--post-list-spacing, 0)
}

.post-image {
    position: relative;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.post-image img {
    height: auto
}

.post-stats {
    --post-stats-gap: 8px;
    gap: var(--post-stats-gap, 4px)
}

.post-stats span {
    align-items: center;
    flex-wrap: wrap;
    display: inline-flex;
    line-height: 1
}

.post-details {
    -moz-column-fill: balance;
    column-fill: balance
}

.post-content:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

.blog-post .comment p {
    margin-top: 5px
}

.blog-post .success:last-of-type {
    margin-bottom: 0
}

.post-comment {
    position: relative
}

.post-comment .user-name {
    padding-inline-end: 50px;
    margin-bottom: 5px
}

.user-data {
    margin-top: 3px
}

.user-data :before {
    margin-inline-end: 5px
}

.user-data span {
    display: inline-flex;
    align-items: center;
    max-width: 100%
}

.user-data div span {
    margin-inline-end: 5px
}

.user-data a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.user-avatar {
    float: left;
    position: relative;
    z-index: 2
}

.reply-form {
    margin-top: 20px
}

.reply-btn {
    position: absolute;
    top: 0;
    right: 0;
    left: auto
}

html[dir=rtl] .reply-btn {
    right: auto;
    left: 0
}

.blog-feed {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0) scale(var(--scale-hover, 1));
    font-size: 1.4rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center
}

.blog-feed:hover {
    transform: translate3d(0, -50%, 0) scale(var(--scale-hover, 1))
}

.blog-feed span {
    margin: 0 5px
}

html[dir=rtl] .blog-feed {
    right: auto;
    left: 10px
}

.module-blog_categories .module-body {
    display: flex;
    flex-direction: column
}

.module-blog_categories a {
    display: flex;
    align-items: center;
    transition: all .07s ease-out
}

.module-blog_categories a+a {
    border-width: 1px 0 0
}

.box-search {
    display: flex;
    position: relative
}

.box-search .btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 95%;
    min-width: 32px
}

.box-search .btn .fa {
    line-height: 0
}

html[dir=rtl] .box-search .btn {
    right: auto;
    left: 0
}

.module-blog_comments .module-body>div+div {
    border-width: 1px 0 0
}

.module-blog_comments .module-item {
    display: flex;
    align-items: center
}

.module-blog_comments .module-item:first-child {
    padding-top: 0
}

.module-blog_comments .module-item>div {
    flex: 1;
    line-height: 1.3
}

.module-blog_comments .module-item .side-subtitle {
    margin-top: 3px
}

.side-posts.swiper-wrapper {
    flex-wrap: nowrap
}

.side-details {
    min-width: 0
}

.side-posts {
    display: flex;
    flex-wrap: wrap
}

.side-posts .post-thumb {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: initial;
    align-items: center
}

.side-posts .post-thumb .image {
    position: relative;
    margin: 0 auto;
    max-width: 100%
}

.side-posts .post-thumb .image a {
    display: block;
    overflow: initial
}

.side-posts .post-thumb .image img {
    width: 100%
}

.side-posts .post-thumb .post-stats {
    justify-content: flex-start
}

.side-posts .post-thumb .name {
    line-height: 1.1;
    margin-bottom: 3px
}

.side-posts .post-thumb .caption {
    padding: 0 8px;
    min-width: 0;
    flex: 10 2 100px;
    width: 100%
}

.j-menu {
    all: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.mobile-header-active .main-menu .j-menu,
.desktop-mobile-main-menu-wrapper .j-menu {
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    height: auto
}

.mobile-header-active .main-menu .j-menu .menu-item:not(.icons-menu-item),
.desktop-mobile-main-menu-wrapper .j-menu .menu-item:not(.icons-menu-item) {
    width: 100%
}

.j-menu>li {
    all: unset;
    margin: 0;
    border: 0
}

.j-menu>li.dropdown {
    position: relative
}

.j-menu>li.dropdown .dropdown>a>.links-text {
    margin-inline-end: 4px
}

.j-menu>li:not(:first-child) {
    border-width: 0 0 0 1px;
    border-style: none
}

.j-menu>li:first-child {
    padding-inline-start: 0
}

.j-menu>li:last-child {
    padding-inline-end: 0
}

.j-menu>li>a {
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 5px;
    display: flex;
    align-items: center;
    min-width: 30px;
    cursor: pointer;
    transition: color .1s ease-out, background-color .07s ease-out, transform 80ms ease;
    position: relative;
    --scale-hover: auto;
    --menu-badge-y: -50%
}

.j-menu>li>a:hover {
    transform: scale(var(--scale-hover))
}

.j-menu>li>a:active {
    transform: scale(var(--scale-active, var(--scale-hover)));
    transition: transform 60ms
}

.j-menu>li>a .links-text {
    transition: inherit
}

.j-menu>li>a:before {
    line-height: 1;
    font-size: 16px;
    min-width: 1em;
    min-height: 1em;
    color: inherit
}

.j-menu>li:first-child>a {
    border-width: 0
}

.j-menu>li.icon-only>a {
    min-width: 10px
}

.j-menu>li>a:not([href]),
.j-menu>li>a[href="javascript:;"] {
    cursor: default
}

.j-menu .links-text {
    display: inline-block;
    color: inherit
}

.j-menu .links-text s,
.j-menu .links-text em {
    font-style: initial;
    display: inline-block;
    margin: 0 .3em
}

.j-menu .links-text em {
    font-size: 1.1em;
    vertical-align: middle;
    margin: 0 .2em
}

.j-menu>li:first-child>a .links-text em {
    margin-inline-start: 0
}

.ios .j-menu>li>a {
    cursor: pointer !important
}

.menu-image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
    width: max-content
}

.menu-image img {
    border-radius: inherit;
    max-width: -moz-min-content;
    max-width: min-content
}

.top-bar .wrapper {
    justify-content: space-between
}

.top-menu {
    height: 100%
}

.top-menu>ul {
    position: relative
}

.top-menu>ul>li {
    padding: 0 calc(var(--menu-item-gap, 0px)/2);
    height: inherit
}

.top-menu>ul>li a {
    align-items: center
}

.top-menu>ul>li>a {
    justify-content: center
}

.top-menu .j-menu>li>a:not([href]),
.top-menu .j-menu>li>a:not([href])>.links-text,
.top-menu .j-menu>li>a[href="javascript:;"],
.top-menu .j-menu>li>a[href="javascript:;"]>.links-text {
    text-decoration: none !important
}

.top-menu .dropdown a .links-text {
    white-space: nowrap
}

.top-menu .dropdown>.j-dropdown>.j-menu {
    overflow: hidden
}

.dropdown>a:after,
.language-currency .dropdown-toggle:after {
    content: "";
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    border-left-color: currentColor;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    margin-inline-start: 5px;
    margin-inline-end: 0;
    transform: rotate(90deg) scale(1) translate3d(25%, 0, 0)
}

.j-dropdown .dropdown>a:after {
    margin-inline-start: auto;
    transform: rotate(0deg) scale(1) translate3d(25%, 0, 0)
}

.dropdown:not(.mega-menu)>.j-dropdown {
    width: -moz-min-content;
    width: min-content
}

.dropdown>a {
    position: relative
}

.dropdown>a .count-badge {
    margin: 0 5px
}

.dropdown .j-menu>li>a:before {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:first-child:not(.dropdown) {
    border-start-end-radius: inherit;
    border-start-start-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:first-child:not(.dropdown)>a {
    border-start-start-radius: inherit;
    border-start-end-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:last-child:not(.dropdown) {
    border-end-end-radius: inherit;
    border-end-start-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:last-child:not(.dropdown)>a {
    border-end-end-radius: inherit;
    border-end-start-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:first-child.dropdown {
    border-start-start-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:first-child.dropdown>a {
    border-start-start-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:last-child.dropdown {
    border-end-start-radius: inherit;
    border-end-end-radius: 0
}

.desktop-main-menu-wrapper .main-menu .menu-item.dropdown .j-menu>li:last-child.dropdown>a {
    border-end-start-radius: inherit;
    border-end-end-radius: 0
}

.desktop-mobile-main-menu-wrapper>.main-menu .j-menu>li:not(:only-child),
.mobile-main-menu-wrapper>.main-menu .j-menu>li:not(:only-child),
.site-wrapper .accordion-menu .j-menu>li:not(:only-child),
.site-wrapper .flyout-menu .j-menu>li:not(:only-child) {
    padding: calc(var(--menu-item-gap, 0px)/2) 0
}

.desktop-mobile-main-menu-wrapper>.main-menu .j-menu>li:not(:only-child):not(:first-child),
.mobile-main-menu-wrapper>.main-menu .j-menu>li:not(:only-child):not(:first-child),
.site-wrapper .accordion-menu .j-menu>li:not(:only-child):not(:first-child),
.site-wrapper .flyout-menu .j-menu>li:not(:only-child):not(:first-child) {
    border-width: 1px 0 0
}

.dropdown-menu {
    font-size: inherit
}

.j-dropdown .j-menu>li:not(:first-child),
.flyout-menu .j-menu>li:not(:first-child) {
    border-width: 1px 0 0
}

.j-dropdown {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
    width: 100%;
    background-color: transparent;
    transform-origin: 50% 0;
    transform: translate3d(0, -10px, 0);
    opacity: 0;
    display: none;
    flex-direction: column;
    min-width: -moz-min-content;
    min-width: min-content;
    --dropdown-from: -10px
}

.j-dropdown .j-dropdown {
    min-width: -moz-min-content;
    min-width: min-content
}

.mobile-header-active #main-menu .j-dropdown {
    position: relative;
    left: 0;
    right: 0;
    transform: none;
    width: 100%
}

.mobile-header-active .j-dropdown .menu-item {
    width: 100%
}

.j-dropdown .j-menu {
    padding: var(--dropdown-padding, 0)
}

.j-dropdown .j-menu>li {
    --menu-item-gap: 0px;
    width: 100%;
    padding: calc(var(--menu-item-gap, 0px)/2) 0
}

.j-dropdown .j-menu>li:first-child {
    padding-top: 0 !important
}

.j-dropdown .j-menu>li:last-child {
    padding-bottom: 0 !important
}

.mobile-header-active .j-dropdown .j-menu>li {
    padding: calc(var(--menu-item-gap, 0px)/2) 0
}

.j-dropdown .j-menu>li .j-dropdown {
    top: 0
}

.j-dropdown .j-menu>li .j-dropdown:before {
    display: none !important
}

.open>.j-dropdown {
    display: flex
}

.animating>.j-dropdown {
    transform: none;
    opacity: 1;
    transition: transform .1s ease-out, opacity .1s ease-out, visibility .1s ease-out
}

.dropdown {
    --triangle-size: 10px;
    --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
}

.j-dropdown:before {
    content: "";
    --triangle-size: inherit;
    --dropdown-triangle: inherit;
    --triangle-left: var(--triangle-left-offset, 0px);
    --triangle-right: var(--triangle-right-offset, 0px);
    width: 0;
    height: 0;
    border: var(--triangle-size, 10px) solid transparent;
    border-bottom-color: #fff;
    pointer-events: none;
    margin: calc(-20px + var(--dropdown-triangle, 0px)) calc(var(--triangle-size, 0px)/2 + var(--triangle-right, 0px)) 0 calc(var(--triangle-size, 0px)/2 + var(--triangle-left, 0px));
    display: block
}

.flyout-menu-item>.j-dropdown>.mega-menu-content>.grid-rows {
    border-radius: inherit;
    overflow: hidden
}

.flyout-menu-item>.j-dropdown:before {
    display: none !important
}

.mega-menu>.j-dropdown:before {
    opacity: 0
}

.menu-bar .main-menu {
    border-radius: inherit
}

.menu-bar .main-menu:before,
.menu-bar .main-menu:after {
    content: "";
    display: none;
    opacity: 1;
    position: absolute;
    pointer-events: none;
    height: calc(var(--desktop-main-menu, 40px) + var(--bar-padding, 0px)*2);
    transition: opacity .2s ease-out;
    --fader-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    width: 80px;
    z-index: 2
}

.menu-bar .main-menu:before {
    inset-inline-start: 0;
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, var(--fader-color, #fff) 90%, var(--fader-color, #fff));
    border-start-start-radius: inherit;
    border-end-start-radius: inherit
}

.menu-bar .main-menu:after {
    inset-inline-end: 0;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, var(--fader-color, #fff) 90%, var(--fader-color, #fff));
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
}

.menu-bar .main-menu:not([style]):before,
.menu-bar .main-menu[style*="--scroll-offset: 0px;"]:before {
    display: none
}

.menu-bar .main-menu.no-scroll-end:after {
    display: none
}

.menu-bar>div {
    border-radius: inherit
}

.main-menu-item .dropdown>a {
    --dropdown-indicator: -8px
}

.menu-label {
    position: absolute;
    top: 50%;
    left: 100%;
    font-size: .75em;
    font-weight: 400;
    line-height: 1;
    padding: 2px 3px;
    --label-triangle-size: 5px;
    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;
    transition: all 0s;
    transform-origin: bottom;
    will-change: transform
}

.menu-label:before {
    content: "";
    --display: none;
    display: var(--display);
    color: var(--background-color);
    position: absolute;
    border: var(--label-triangle-size, 0px) solid transparent;
    top: 50%;
    left: 0;
    transform: translate3d(-100%, -50%, 0);
    transition: inherit;
    pointer-events: none
}

.menu-label:after {
    content: "";
    --display: none;
    display: var(--display);
    color: var(--background-color);
    position: absolute;
    border: var(--label-triangle-size, 0px) solid transparent;
    border-top-color: currentColor;
    top: 100%;
    left: 50%;
    transition: inherit;
    transform: translate3d(-50%, 0, 0);
    pointer-events: none
}

.accordion-menu .menu-label,
.flyout-menu .menu-label,
.j-dropdown .menu-label {
    position: static !important;
    transform: none !important;
    margin-inline-start: calc(var(--label-margin, 0px) + var(--label-triangle-size, 0px)) !important
}

.accordion-menu .menu-label:before,
.flyout-menu .menu-label:before,
.j-dropdown .menu-label:before {
    display: var(--display);
    border-right-color: currentColor !important
}

.accordion-menu .menu-label:after,
.flyout-menu .menu-label:after,
.j-dropdown .menu-label:after {
    display: none
}

html[dir=rtl] .menu-label {
    left: 0;
    transform: translate3d(calc(0px - var(--offset-x, 0px)), calc(-150% + var(--sticky-offset-y, var(--offset-y, 0px))), 0) scale(var(--label-scale, 1))
}

html[dir=rtl] .menu-label:before {
    top: 50%;
    left: auto;
    right: 0;
    transform: translate3d(100%, -50%, 0)
}

html[dir=rtl] .accordion-menu .menu-label:before,
html[dir=rtl] .flyout-menu .menu-label:before,
html[dir=rtl] .j-dropdown .menu-label:before {
    border-left-color: currentColor !important;
    border-right-color: transparent !important
}

.main-menu-item.has-label-1 {
    z-index: calc(50 - 1)
}

.main-menu-item.has-label-2 {
    z-index: calc(50 - 2)
}

.main-menu-item.has-label-3 {
    z-index: calc(50 - 3)
}

.main-menu-item.has-label-4 {
    z-index: calc(50 - 4)
}

.main-menu-item.has-label-5 {
    z-index: calc(50 - 5)
}

.main-menu-item.has-label-6 {
    z-index: calc(50 - 6)
}

.main-menu-item.has-label-7 {
    z-index: calc(50 - 7)
}

.main-menu-item.has-label-8 {
    z-index: calc(50 - 8)
}

.main-menu-item.has-label-9 {
    z-index: calc(50 - 9)
}

.main-menu-item.has-label-10 {
    z-index: calc(50 - 10)
}

.main-menu-item.has-label-11 {
    z-index: calc(50 - 11)
}

.main-menu-item.has-label-12 {
    z-index: calc(50 - 12)
}

.main-menu-item.has-label-13 {
    z-index: calc(50 - 13)
}

.main-menu-item.has-label-14 {
    z-index: calc(50 - 14)
}

.main-menu-item.has-label-15 {
    z-index: calc(50 - 15)
}

.main-menu-item.has-label-16 {
    z-index: calc(50 - 16)
}

.main-menu-item.has-label-17 {
    z-index: calc(50 - 17)
}

.main-menu-item.has-label-18 {
    z-index: calc(50 - 18)
}

.main-menu-item.has-label-19 {
    z-index: calc(50 - 19)
}

.main-menu-item.has-label-20 {
    z-index: calc(50 - 20)
}

.main-menu-item.has-label-21 {
    z-index: calc(50 - 21)
}

.main-menu-item.has-label-22 {
    z-index: calc(50 - 22)
}

.main-menu-item.has-label-23 {
    z-index: calc(50 - 23)
}

.main-menu-item.has-label-24 {
    z-index: calc(50 - 24)
}

.main-menu-item.has-label-25 {
    z-index: calc(50 - 25)
}

.main-menu-item.has-label-26 {
    z-index: calc(50 - 26)
}

.main-menu-item.has-label-27 {
    z-index: calc(50 - 27)
}

.main-menu-item.has-label-28 {
    z-index: calc(50 - 28)
}

.main-menu-item.has-label-29 {
    z-index: calc(50 - 29)
}

.main-menu-item.has-label-30 {
    z-index: calc(50 - 30)
}

.main-menu-item.has-label-31 {
    z-index: calc(50 - 31)
}

.main-menu-item.has-label-32 {
    z-index: calc(50 - 32)
}

.main-menu-item.has-label-33 {
    z-index: calc(50 - 33)
}

.main-menu-item.has-label-34 {
    z-index: calc(50 - 34)
}

.main-menu-item.has-label-35 {
    z-index: calc(50 - 35)
}

.main-menu-item.has-label-36 {
    z-index: calc(50 - 36)
}

.main-menu-item.has-label-37 {
    z-index: calc(50 - 37)
}

.main-menu-item.has-label-38 {
    z-index: calc(50 - 38)
}

.main-menu-item.has-label-39 {
    z-index: calc(50 - 39)
}

.main-menu-item.has-label-40 {
    z-index: calc(50 - 40)
}

.main-menu-item.has-label-41 {
    z-index: calc(50 - 41)
}

.main-menu-item.has-label-42 {
    z-index: calc(50 - 42)
}

.main-menu-item.has-label-43 {
    z-index: calc(50 - 43)
}

.main-menu-item.has-label-44 {
    z-index: calc(50 - 44)
}

.main-menu-item.has-label-45 {
    z-index: calc(50 - 45)
}

.main-menu-item.has-label-46 {
    z-index: calc(50 - 46)
}

.main-menu-item.has-label-47 {
    z-index: calc(50 - 47)
}

.main-menu-item.has-label-48 {
    z-index: calc(50 - 48)
}

.main-menu-item.has-label-49 {
    z-index: calc(50 - 49)
}

.main-menu-item.has-label-50 {
    z-index: calc(50 - 50)
}

.flyout-menu {
    display: flex;
    flex-direction: column;
    position: relative
}

.flyout-menu>ul>li {
    width: 100%
}

.flyout-menu>ul>li:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.flyout-menu>ul>li:first-child.dropdown:hover {
    border-top-right-radius: 0
}

.flyout-menu>ul>li:first-child>a {
    border-radius: inherit
}

.flyout-menu>ul>li:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.flyout-menu>ul>li:last-child.dropdown:hover {
    border-bottom-right-radius: 0
}

.flyout-menu>ul>li:last-child>a {
    border-radius: inherit
}

.flyout-menu .count-badge+.open-menu+.menu-label {
    margin-inline-start: 0
}

.flyout-menu .j-dropdown {
    top: 0;
    left: 100%;
    padding-top: 0;
    width: auto;
    transform: translate3d(0, 0, 0);
    transition: all 0s ease-out
}

.flyout-menu .mega-menu .j-dropdown {
    --flyout-mega-menu: 800px;
    padding-inline-start: var(--flyout-mega-menu-inset, 0px) !important;
    padding-block-start: var(--flyout-mega-menu-inset, 0px);
    width: min(80vw - var(--flyout-mega-menu-inset, 0px), var(--flyout-mega-menu) - var(--flyout-mega-menu-inset, 0px))
}

.flyout-menu .dropdown>a:after {
    margin-inline-start: auto;
    transform: rotate(0deg) scale(1) translate3d(0, 0, 0)
}

.global-wrapper .flyout-menu>.j-menu>.flyout-menu-item.mega-menu>.j-dropdown>.mega-menu-content {
    max-height: calc(100vh - var(--element-top-offset, 0px));
    overflow-y: auto
}

.global-wrapper .flyout-menu .flyout-menu-item.multi-level .j-dropdown {
    padding-inline-start: var(--flyout-sub-level-offset, 0)
}

.global-wrapper .main-menu-item.dropdown .j-dropdown .j-dropdown,
.global-wrapper .main-menu-item.multi-level .j-dropdown .j-dropdown {
    padding-inline-start: var(--sub-level-offset, 0)
}

.mega-menu>.j-dropdown {
    min-width: auto
}

.mega-fullwidth:not(.menu-fullwidth)>.j-dropdown {
    max-width: 100%
}

.flyout>.j-dropdown:before {
    z-index: 1
}

.open-menu {
    display: none
}

.accordion-menu .open-menu {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    transition: color .1s ease-out, background-color .1s ease-out;
    z-index: 2
}

.accordion-menu .open-menu[aria-expanded=true] em:before {
    content: ""
}

.accordion-menu .j-menu>.menu-item {
    box-shadow: none !important;
    height: auto;
    padding: calc(var(--menu-item-gap, 0px)/2) 0
}

.accordion-menu .j-menu>.menu-item>a {
    position: relative
}

.accordion-menu .j-menu>.menu-item>a:after {
    display: none
}

.accordion-menu .j-menu>.menu-item>a+div {
    border-width: 1px 0 0;
    margin-top: calc(var(--menu-item-gap)/2)
}

.accordion-menu .j-menu>.menu-item.flyout>a+.in {
    border-top-width: 0
}

.accordion-menu .j-menu>.menu-item.is-divider {
    padding: 0;
    border-width: 0;
    border-bottom-width: 1px;
    border-style: none;
    margin: calc(var(--menu-item-gap, 0px)/2) 0
}

.accordion-menu .j-menu>.menu-item.is-divider>a {
    display: none
}

.accordion-menu .j-menu {
    height: auto;
    overflow: hidden
}

.accordion-menu .j-menu>li {
    width: 100%
}

.accordion-menu .j-menu>li>a .links-text {
    white-space: normal
}

.accordion-menu .j-menu>li>a .links-text:empty {
    width: 100%
}

.accordion-menu .j-menu>li>a:before {
    display: flex;
    align-items: center;
    justify-content: center
}

.accordion-menu .j-menu>li+li {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important
}

.accordion-menu .j-menu .j-menu {
    box-shadow: none
}

.accordion-menu .menu-item.dropdown:not(.mega-menu):not(#search) .j-menu>li,
.accordion-menu .menu-item.dropdown:not(.mega-menu):not(#search) .j-menu>li>a {
    --acordion-menu-item-height: auto;
    min-height: var(--acordion-menu-item-height)
}

ul.j-menu>li.menu-item>a {
    text-decoration: none !important
}

.multi-level>.j-dropdown .j-menu:has(li:nth-child(4)) {
    display: grid;
    grid-template-columns: repeat(var(--dropdown-cols, 1), 1fr)
}

.links-menu .module-body {
    --display: block;
    --column-width: auto;
    display: var(--display);
    flex-wrap: wrap;
    border-radius: inherit;
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
    align-items: baseline;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    -moz-column-fill: balance;
    column-fill: balance
}

.links-menu ul,
.links-menu li {
    list-style: none;
    margin: 0;
    padding: 0
}

.links-menu .menu-item {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    -moz-column-fill: balance;
    column-fill: balance;
    position: relative;
    transition: all .08s ease-out;
    display: flex;
    align-items: var(--align);
    max-width: -moz-max-content;
    max-width: max-content;
    margin: calc(var(--item-gap, 0px));
    flex-direction: column
}

.links-menu .menu-item:before {
    content: "";
    min-height: 0;
    min-width: 1px;
    transition: all 75ms ease;
    border-width: 1px 0 0;
    margin: calc(var(--item-gap, 0px)/2) 0 calc(var(--item-gap, 0px)/2) 0
}

.links-menu .menu-item:first-child:before {
    visibility: hidden;
    margin: 0
}


.links-menu .menu-item.dropdown>a:after {
    display: none
}

.links-menu .menu-item a {
    display: inline-flex;
    align-items: center;
    position: relative;
    flex-grow: 1
}

.links-menu .menu-item a .links-text {
    transition: all 75ms ease
}

.links-menu .menu-item a:before {
    line-height: 1
}

.links-menu .menu-item a:after {
    display: none !important
}

.links-menu .menu-item a:not([href]) {
    cursor: default
}

footer .links-menu .module-title:before {
    position: absolute;
    right: 0;
    content: "";
    display: none;
    font-size: 18px;
    font-family: icomoon, sans-serif;
    top: 50%;
    transform: translateY(-50%)
}

footer .links-menu .module-title.closed:before {
    content: ""
}

.links-menu .module-body:after {
    content: "";
    display: none;
    opacity: 1;
    position: absolute;
    pointer-events: none;
    top: 0;
    height: 100%;
    transition: opacity .2s ease-out;
    --fader-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));
    width: 80px;
    z-index: 2
}

.links-menu .module-body:after {
    inset-inline-end: 0;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, var(--fader-color, #fff) 90%, var(--fader-color, #fff));
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
}

.links-menu .module-body:not([style]):before,
.links-menu .module-body[style*="--scroll-offset: 0px;"]:before {
    display: none
}

.links-menu .module-body.no-scroll-end:after {
    display: none
}

.icons-menu>ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    gap: var(--icon-spacing, 0px);
    margin: 0
}

.icons-menu>ul>.menu-item {
    margin: 0;
    position: relative
}

.icons-menu>ul>.menu-item:hover {
    z-index: 1
}

.icons-menu>ul>.menu-item>a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 22px;
    position: relative
}

.icons-menu>ul>.menu-item>a .links-text {
    font-size: .47em;
    padding: 0 5px;
    margin: 3px 0 -3px;
    width: 100%;
    text-align: center;
    line-height: 1.2
}

.icons-menu>ul>.menu-item>a .count-badge {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0
}

.icons-menu>ul>.menu-item>a:before {
    content: "";
    font-family: icomoon;
    line-height: 1
}

.icons-menu>ul>.menu-item>a:after {
    display: none
}

.icons-menu .icon-menu-image a:before {
    display: none
}

.bottom-menu {
    position: fixed;
    width: calc(100% - var(--bottom-menu-margin, 0px)*2);
    left: 50%;
    bottom: 0;
    background-color: #fff;
    z-index: 100;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-width: 1px 0 0;
    transition: transform .4s .35s ease-out;
    scrollbar-width: none
}

.bottom-menu::-webkit-scrollbar {
    display: none
}

.bottom-menu ul,
.bottom-menu li {
    all: unset;
    margin: 0;
    padding: 0;
    list-style: none
}

.bottom-menu>ul {
    display: flex;
    align-items: center
}

.bottom-menu>ul>li {
    all: unset;
    flex-grow: 1;
    margin: 0
}

.bottom-menu>ul>li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 10px;
    min-width: 50px;
    height: var(--bottom-menu-height, 55px);
    transition: all .075s ease-out;
    position: relative
}

.bottom-menu>ul>li>a:before {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin: 2px 0
}

.bottom-menu>ul>li+li {
    border-width: 0 0 0 1px
}

.bottom-menu>ul>li .links-text {
    white-space: nowrap;
    position: relative;
    top: -2px
}

.bottom-menu>ul>li .count-badge {
    position: absolute;
    top: 50%;
    transform: translate3d(calc(75% + var(--x, 0px)), calc(-100% + var(--y, 0px)), 0)
}

.firefox .side-menu>ul>li {
    min-width: 30px
}

.side-menu {
    position: fixed;
    z-index: 200;
    right: 0;
    overflow: hidden
}

.side-menu ul,
.side-menu li {
    margin: 0;
    padding: 0;
    list-style: none
}

.side-menu>ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: inherit
}

.side-menu>ul>li {
    flex-grow: 1
}

.side-menu>ul>li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 5px 10px;
    transition: all .075s ease-out;
    position: relative;
    background-color: #fff
}

.side-menu>ul>li>a:before {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    margin: 2px 4px;
    transition: all .075s ease-out
}

.side-menu>ul>li:first-of-type {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.side-menu>ul>li:last-of-type {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.side-menu>ul>li:only-of-type {
    border-radius: inherit
}

.side-menu>ul>li+li {
    border-width: 1px 0 0
}

.side-menu>ul>li .links-text {
    position: relative;
    top: -1px;
    transition: all .05s ease-out
}

.side-menu>ul>li .count-badge {
    position: absolute;
    right: 0;
    top: 0
}

.popup-open .side-menu {
    margin-inline-end: var(--scrollW, 0)
}

.swiper {
    position: relative;
    width: 100%;
    overflow: initial
}

.swiper .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    right: auto;
    transform: translateX(-50%)
}

.swiper .swiper-pagination>span {
    cursor: pointer;
    opacity: 1;
    transition: all .1s ease-out
}

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

.swiper .swiper-pagination:empty {
    padding: 0
}

.swiper-has-pages .swiper .swiper-pagination {
    display: block
}

.swiper .swiper-slide {
    height: auto;
    padding: 0;
    transition: opacity .2s ease-out, transform .2s ease-out
}

.swiper .swiper-buttons {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none
}

.swiper .swiper-buttons>div {
    --width: 1.5em;
    width: var(--width);
    height: var(--height, var(--width));
    color: #fff;
    background: rgba(0, 0, 0, .5)
}

.swiper .swiper-buttons>div:before {
    content: "";
    font-family: icomoon;
    line-height: 1;
    font-size: inherit
}

.swiper .swiper-buttons>div.swiper-button-next:before {
    content: ""
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    pointer-events: auto;
    margin-top: auto;
    transform: translateY(-50%);
    background: 0 0;
    display: flex;
    align-items: center;
    left: 0;
    justify-content: center;
    transition: transform .25s ease, opacity .2s linear
}

.swiper .swiper-button-next.swiper-button-disabled,
.swiper .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto
}

.swiper .swiper-button-next {
    left: auto;
    right: 0
}

.swiper .swiper:not(.swiper-has-pages) .swiper-pagination,
.swiper .swiper:not(.swiper-has-pages) .swiper-button-next,
.swiper .swiper:not(.swiper-has-pages) .swiper-button-prev {
    display: none
}

.swiper .swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-button-disabled,
.swiper-container:not(.swiper-container-initialized)+.swiper-buttons .swiper-button-prev {
    transition: transform .25s ease, opacity 0ms .25s linear
}

.carousel-mode .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
    opacity: var(--inactive-opacity);
    transform: scale(var(--inactive-scale))
}

.carousel-mode .swiper-wrapper .swiper-slide:first-child:not(.swiper-slide-visible):not(.swiper-slide-prev) {
    opacity: 1;
    transform: scale(1)
}

.module-blocks .block-item {
    transition: all 75ms ease
}

.module-blocks .block-item:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    border-radius: inherit
}

.block-body {
    transition: all 75ms ease;
    --display: flex;
    display: var(--display);
    flex-wrap: wrap;
    word-break: break-word;
    border-radius: inherit
}

.block-body:after {
    content: "";
    clear: both;
    display: table
}

.block-body>.module-title {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    order: -2
}

.block-wrapper {
    display: var(--display);
    flex-direction: column;
    border-radius: inherit;
    flex-grow: 1;
    position: relative;
    max-width: 100%;
    min-width: 0
}

.block-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    border-radius: inherit
}

.no-flexbox-gap .block-wrapper {
    margin: calc(var(--block-body-gap, 0px)/2)
}

.ie11 .block-wrapper {
    flex: auto
}

.module-blocks .module-item.block-item .block-body {
    --image-split-ratio: 100%;
    gap: var(--block-body-gap, 0px);
    position: relative
}

.module-blocks .module-item.block-item .block-body>.block-header {
    min-width: calc(min(var(--image-split-ratio), 100%) - var(--block-body-gap, 0px)/2)
}

.module-blocks .module-item.block-item .block-body>.block-header+.block-wrapper {
    flex-basis: calc(min(max(1%, 100% - var(--image-split-ratio)), 100%) - var(--block-body-gap, 0px)/2)
}

.block-header {
    display: var(--display);
    flex-grow: 1;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    transition: all 75ms ease;
    width: auto;
    flex-basis: 0
}

.no-flexbox-gap .block-header {
    margin: calc(var(--block-body-gap, 0px)/2)
}

.block-header img {
    transition: all 75ms ease;
    align-self: auto;
    display: flex
}

.block-header .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 75ms ease;
    position: relative
}

.block-header .icon:before {
    transition: all 75ms ease;
    position: relative;
    z-index: 1
}

.block-header .icon:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    z-index: 0;
    pointer-events: none
}

.blocks-grid .blocks-grid:not(.auto-grid) {
    display: flex;
    flex-wrap: wrap
}

.block-content {
    position: relative;
    border-radius: inherit
}

.block-content.block-image>img {
    border-radius: inherit
}

.block-content>p:only-of-type {
    margin: 0
}

.block-footer {
    transition: all 75ms ease
}

.block-footer .btn {
    transition: all 75ms ease;
    display: inline-flex !important
}

.block-map {
    border-radius: inherit
}

.block-map iframe {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    transition: filter .175s ease
}

.block-map:before {
    content: "";
    border-radius: inherit;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    position: absolute;
    pointer-events: none;
    transition: opacity .25s ease-out
}

.block-twitter {
    overflow-y: auto
}

.module-blocks {
    height: inherit;
    max-width: 100%
}

.module-blocks .block-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.module-blocks .module-body {
    height: 100%
}

.module-blocks .nav-tabs>li>a:before {
    margin-inline-end: 5px
}

.module-blocks .block-item {
    position: relative
}

.module-blocks .block-item .btn {
    z-index: 2
}

.module-testimonials {
    width: 100%
}

.module-testimonials .module-item {
    display: flex;
    flex-direction: column
}

.module-testimonials .block-body {
    display: var(--display)
}

.module-testimonials .block-header {
    display: block
}

.module-testimonials .block-header img {
    border-radius: inherit
}

.module-testimonials .block-header .icon {
    font-size: 3em
}

.module-testimonials .swiper-slide {
    cursor: grab
}

.module-testimonials .swiper-slide:active {
    cursor: grabbing
}

.module-testimonials .block-content {
    border-radius: 0
}

.module-testimonials .block-footer {
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
    z-index: 2
}

.mobile .module-testimonials .swiper,
.mobile .module-testimonials .swiper-container {
    overflow: initial
}

html[dir=rtl] .module-blocks .nav-tabs>li>a:before {
    margin-inline-end: 0;
    margin-inline-start: 5px
}

.module-faq .module-item {
    counter-increment: top-counters
}

.module-faq .module-item .panel-title {
    display: flex;
    align-items: center;
    gap: 16px
}

.module-faq .module-item .panel-title>a {
    width: 100%
}

.module-faq .module-item .panel-title:before {
    content: counter(top-counters);
    font-size: 20px
}

.module-catalog_blocks {
    width: 100%
}

.module-catalog_blocks .block-content.block-catalog:empty {
    display: none
}

.module-catalog_blocks .block-manufacturers {
    flex-grow: 1
}

.module-catalog_blocks .catalog-block-image {
    height: auto
}

.module-catalog_blocks .module-item {
    height: 100%;
    position: relative
}

.module-catalog_blocks .module-item.tab-pane.active {
    display: flex;
    flex-wrap: wrap
}

.module-catalog_blocks .block-products {
    position: relative;
    --element-padding: 0px
}

.module-catalog_blocks .block-body {
    flex-grow: 1;
    max-width: 100%;
    --element-padding: 0px
}

.module-catalog_blocks .block-body+.block-products {
    width: 100%
}

.module-catalog_blocks .block-body>.block-header {
    min-width: 0;
    flex-basis: clamp(var(--block-header-min-width, 50px), calc(var(--block-header-max-width, 30%) - var(--block-body-gap, 0px)/2), 100%)
}

.module-catalog_blocks .block-body>.block-wrapper {
    min-width: 0;
    flex-basis: min(calc(100% - var(--block-header-max-width, 30%) - var(--block-body-gap, 0px)/2), 100%)
}

.module-catalog_blocks .block-image {
    margin: auto
}

.module-catalog_blocks .block-content {
    height: 100%;
    max-width: min(min(100%, var(--catalog-item-initial-width, 100%)), min(100%, var(--catalog-item-min-width, 100%)))
}

.module-catalog_blocks .block-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    z-index: 0
}

.module-catalog_blocks .block-header-image {
    overflow: hidden
}

.module-catalog_blocks .block-header-data,
.module-catalog_blocks .block-header-image,
.module-catalog_blocks .block-head-icon {
    width: 100%;
    align-items: inherit;
    justify-content: inherit
}

.module-catalog_blocks .block-header-data img,
.module-catalog_blocks .block-header-image img,
.module-catalog_blocks .block-head-icon img {
    width: var(--image-fill);
    height: var(--image-fill);
    -o-object-fit: cover;
    object-fit: cover
}

.module-catalog_blocks .block-head-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.module-catalog_blocks .block-head-icon em {
    max-width: 100%;
    --width: auto;
    width: var(--width);
    height: var(--height, var(--width))
}

.module-catalog_blocks .block-category-data {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: inherit;
    justify-content: inherit
}

.module-catalog_blocks .block-footer {
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
    display: flex
}

.module-catalog_blocks .block-footer .btn span {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
    margin: 0 .2em
}

.module-catalog_blocks .nav-tabs>li {
    max-width: 100%
}

.module-catalog_blocks .nav-tabs>li>a {
    max-width: 100%
}

.module-catalog_blocks .nav-tabs>li>a span {
    display: block;
    max-width: 100%
}

.module-catalog_blocks .nav-tabs>li>a span:not(.menu-image) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.site-wrapper .module-catalog_blocks .module-item:not(.panel):after {
    content: "";
    width: calc(100vw - var(--scrollW, 0px));
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    z-index: -1;
    pointer-events: none
}

.module-banners .banners-grid:not(.auto-grid) {
    display: flex;
    flex-wrap: wrap;
    height: 100%
}

.module-banners .auto-grid {
    --grid-width-default: 1fr;
    --grid-gap: 0
}

.module-banners * {
    backface-visibility: hidden
}

.module-banners .module-item {
    display: flex;
    flex-direction: column;
    transition: transform 90ms ease-out
}

.module-banners .module-item>a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    flex-grow: 1;
    transition: background-color .18s ease-out;
    backface-visibility: hidden;
    overflow: hidden;
    z-index: 2;
    container-type: inline-size
}

.module-banners .module-item>a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .2s ease
}

.module-banners .module-item>a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    transition: all .15s ease-out;
    z-index: 2;
    border-radius: inherit
}

.module-banners .module-item>a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s ease-out;
    font-size: 35px;
    color: #fff;
    z-index: 4
}

.module-banners .module-item:hover img {
    transform: scale(var(--scale-hover, 1))
}

.module-banners .module-item:active {
    transition: transform 60ms linear;
    transform: scale(var(--scale-active, 1))
}

.module-banners .banner-caption {
    transition: all .1s ease-out, margin .15s ease-out
}

.module-banners .banner-caption-2 {
    transition: all .2s ease-out
}

.module-banners .banner-text {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    line-height: 1.3;
    z-index: 3
}

.module-banners .banner-text span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: var(--align, center);
    transition: all .2s ease-out
}

.module-banners .banner-text span s {
    max-width: 100%
}

.module-banners .banner-text span:after {
    transition: all .1s ease-out
}

.module-banners .banner-caption-3 span {
    display: block
}

.module-banners_grid .swiper-slide:before {
    content: "";
    float: left;
    pointer-events: none;
    padding-top: calc(var(--image-height, 0)/var(--image-width, 1)*100%)
}

.module-banners_grid .swiper-slide:after {
    content: "";
    display: table;
    clear: both
}

.module-banners_grid .swiper-slide .slide-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.module-banners_grid .swiper-slide .slide-content:before {
    content: "";
    display: block;
    z-index: 1
}

.module-banners_grid .banners-grid.auto-grid {
    min-height: 100%
}

ul.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    border: none;
    gap: var(--tabs-gap, 0px);
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    padding-bottom: 1px;
    align-self: auto;
    padding-inline: var(--page-tabs-scroll-padding, 0px);
    margin-inline: calc(0px - var(--page-tabs-scroll-padding, 0px));
    justify-self: var(--align-self, initial);
    position: relative;
    min-height: var(--full-tabs-height, var(--tabs-height, auto));
    max-width: 100vw;
    --margin: calc(0px - var(--page-tabs-scroll-padding, 0px));
    transform: translate3d(0, 0, 0)
}

ul.nav-tabs:before,
ul.nav-tabs:after {
    display: none
}

ul.nav-tabs>li {
    display: flex;
    position: relative;
    margin-top: 0;
    transition: all .125s ease;
    height: var(--dropdown-main-menu-min-height, var(--tabs-height, auto));
    z-index: 1
}

ul.nav-tabs>li>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    line-height: 1.25;
    margin: 0;
    border: 0;
    border-radius: inherit;
    background: 0 0;
    transition: all .125s ease
}

ul.nav-tabs>li>a .tab-image img {
    border-radius: inherit
}

ul.nav-tabs>li>a:before,
ul.nav-tabs>li>a:after {
    font-weight: 400;
    line-height: 1;
    margin: 0 6px 0 0
}

ul.nav-tabs>li>a:after {
    margin: 0 0 0 6px
}

ul.nav-tabs>li>a:focus {
    background: initial
}

ul.nav-tabs>li:hover,
ul.nav-tabs>li.active,
ul.nav-tabs>li:focus {
    z-index: 2
}

ul.nav-tabs>li:hover>a,
ul.nav-tabs>li.active>a,
ul.nav-tabs>li:focus>a {
    border: 0;
    background: 0 0
}

ul.nav-tabs>li:hover>a:hover,
ul.nav-tabs>li:hover>a:focus,
ul.nav-tabs>li.active>a:hover,
ul.nav-tabs>li.active>a:focus,
ul.nav-tabs>li:focus>a:hover,
ul.nav-tabs>li:focus>a:focus {
    background: inherit;
    border: 0
}

ul.nav-tabs>li:first-child {
    border-start-start-radius: inherit;
    border-end-start-radius: inherit;
    border-left-width: 0
}

ul.nav-tabs>li:first-child>a {
    border-start-start-radius: inherit;
    border-end-start-radius: inherit
}

ul.nav-tabs>li:last-child {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
}

ul.nav-tabs>li:last-child>a {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
}

.no-flexbox-gap ul.nav-tabs>li+li {
    margin-inline-end: 0;
    margin-inline-start: var(--tabs-gap, 0px);
    margin-top: 0
}

.tab-container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--align-tabs, flex-start)
}

.tab-content {
    position: relative;
    border-width: 1px;
    max-width: 100%;
    flex-grow: 1;
    min-width: 0;
    margin-block-start: var(--spacing, 0px);
    flex-basis: 100%;
    margin-inline-start: 0
}

.tab-pane {
    padding: 0;
    background: 0 0;
    border-radius: inherit
}

.nav-tabs>li {
    z-index: auto
}

.nav-tabs>li>a {
    position: relative;
    z-index: 1
}

.full-tabs-bg {
    min-height: var(--full-tabs-height, var(--tabs-height, auto))
}

.full-tabs-bg,
.tab-content:before {
    content: "";
    position: absolute;
    display: none;
    z-index: 0;
    width: calc(100vw - var(--scrollW, 0px));
    inset-inline-start: 50%;
    transform: translateX(var(--transform-50-rtl, -50%));
    top: 0;
    pointer-events: none
}

.tab-content:before {
    height: 100%
}

.one-column .full-tabs-bg,
.one-column .tab-content:before {
    inset-inline-start: calc(50% + calc((var(--col-r-width, var(--col-l-width, 0px)) + var(--side-cols-gap, 0px))/2))
}

.blocks-image .product_tabs-image>.full-tabs-bg,
.blocks-image .product_tabs-image>.tab-content:before,
.blocks-top .product_tabs-top>.full-tabs-bg,
.blocks-top .product_tabs-top>.tab-content:before,
.blocks-bottom .product_tabs-bottom>.full-tabs-bg,
.blocks-bottom .product_tabs-bottom>.tab-content:before,
.blocks-details .product_tabs-details>.full-tabs-bg,
.blocks-details .product_tabs-details>.tab-content:before,
.module-catalog_blocks>.module-body>.tab-container .tab-container>.full-tabs-bg,
.module-catalog_blocks>.module-body>.tab-container .tab-container>.tab-content:before,
.module-blocks>.module-body>.tab-container .tab-container>.full-tabs-bg,
.module-blocks>.module-body>.tab-container .tab-container>.tab-content:before {
    display: none !important
}

.accordion-heading div span {
    font-size: 90%;
    opacity: .7;
    margin-inline-start: 5px
}

.panel-group {
    margin-bottom: 0
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border: none;
    background: 0 0;
    position: relative;
    z-index: 1;
    transition: all 75ms ease
}

.panel-group .panel:hover {
    z-index: 2
}

.panel-group .panel+.panel {
    margin-top: var(--panel-spacing, 0px)
}

.panel-group .panel:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.panel-group .panel:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.panel-group .panel:not(:only-child):not(:last-child):after {
    content: "";
    --panel-spacing: inherit;
    border-width: .5px;
    display: block;
    margin-top: var(--panel-spacing, 0px)
}

.panel-group .panel-heading {
    padding: 0;
    transition: all 75ms ease, border-radius 0s;
    border-radius: inherit;
    position: relative;
    z-index: 2;
    background: 0 0
}

.panel-group .panel-heading .panel-title {
    font-size: inherit;
    font-weight: inherit;
    position: relative;
    border-radius: inherit;
    transition: all 75ms ease;
    padding: 0;
    border: none;
    width: 100%
}

.panel-group .panel-heading a {
    display: flex;
    align-items: center
}

.panel-group .panel-heading a i,
.panel-group .panel-heading a em {
    display: none
}

.panel-group .panel-heading a:before {
    margin-inline-end: 5px;
    line-height: 1;
    overflow: hidden;
    min-width: 24px;
    transition: all 75ms ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.panel-group .panel-heading+.panel-collapse {
    position: relative;
    z-index: 1
}

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

.panel-group .panel-active .panel-heading {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.panel-group .panel-active .panel-heading a {
    cursor: default
}

.panel-group .panel-active+.panel .panel-heading {
    border-top-width: 1px
}

.panel-group .panel-body {
    padding: 0
}

.panel-group .panel-body.expand-content {
    margin-bottom: var(--element-padding-bottom, 0px)
}

.product_accordion>.panel>.panel-heading {
    display: flex;
    align-items: center
}

.product_accordion>.panel>.panel-heading:before {
    line-height: 1
}

.module-gallery-1063 {
    display: none !important
}

.module-gallery {
    container-type: inline-size
}

.module-gallery .ipr-grid {
    display: flex;
    flex-wrap: wrap
}

.module-gallery .module-item>a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    backface-visibility: hidden;
    overflow: hidden;
    inset-inline-start: var(--item-offset-x, initial);
    inset-block-start: var(--item-offset-y, initial)
}

.module-gallery .module-item>a img {
    transition: all .15s ease-out;
    width: 100%;
    height: auto
}

.module-gallery .module-item>a:before {
    content: "";
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
    padding: clamp(8px, 10%, 20px);
    transform: translate3d(0, 10px, 0) scale(1);
    transition: all .1s ease-out;
    opacity: 0;
    font-size: clamp(11px, 6cqw, 14px);
    color: #fff;
    line-height: 1.3;
    z-index: 2
}

.module-gallery .module-item>a:after {
    content: "";
    position: absolute;
    display: var(--display);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    transition: all .15s ease-out;
    --opacity: 0;
    transform: translate3d(0, 0, 0) scale(0);
    opacity: var(--opacity);
    pointer-events: none;
    font-size: 35px;
    z-index: 2
}

.module-gallery .module-item>a>span {
    width: 100%;
    height: 100%;
    display: block
}

.module-gallery .module-item>a>span:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    transition: opacity .15s ease-out;
    z-index: 1
}

.module-gallery .module-item+.module-item {
    z-index: 2
}

.gallery-image-caption {
    display: none;
    font-size: clamp(12px, 4cqw, 15px);
    line-height: 1.3;
    margin-top: 4px
}

.no-touchevents .module-gallery .module-item>a:hover:after {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1)
}

.no-touchevents .module-gallery .module-item>a:hover:before {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1
}

.lg-backdrop {
    z-index: 100000;
    background-color: rgba(0, 0, 0, .85)
}

.lg-outer {
    z-index: 200000
}

.lg-outer .lg-item {
    background: 0 0
}

.lg-outer .lg-item:after {
    content: "";
    position: absolute;
    top: 46.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000
}

.lg-outer .lg-item.lg-complete:after {
    display: none
}

.lg-content .lg-next,
.lg-content .lg-prev {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.lg-content .lg-next:after,
.lg-content .lg-prev:after {
    display: none
}

.lg-content .lg-icon:before,
.lg-content .lg-icon:after {
    left: 0 !important
}

.lg-content .lg-video-play-button svg {
    stroke: currentColor
}

.lg-content .lg-video-play-button svg polygon {
    fill: currentColor
}

.lg-progress-bar .lg-progress {
    height: 3px
}

.lg-toolbar {
    background: 0 0;
    display: flex;
    align-items: center;
    padding-inline: 20px 12px;
    height: 50px
}

.lg-toolbar .lg-icon {
    padding: 0;
    width: 44px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.lg-close {
    order: 99
}

.lg-outer {
    display: flex;
    flex-direction: column
}

.lg-outer .lg-thumb-outer {
    background: 0 0
}

.lg-outer div.lg-thumb {
    background: rgba(0, 0, 0, .8);
    padding: var(--thumbs-padding, 0px)
}

.lg-outer .lg-thumb-outer .lg-thumb-item {
    transition: all .1s ease-out;
    z-index: 1
}

.lg-outer .lg-thumb-outer .lg-thumb-item:hover,
.lg-outer .lg-thumb-outer .lg-thumb-item:active {
    z-index: 2
}

.lg-outer .lg-thumb-outer .lg-thumb-item img {
    border-radius: calc(var(--element-border-radius, inherit) - 2px)
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: transparent
}

.lg-outer .lg-toggle-thumb {
    position: absolute;
    z-index: 10000;
    padding: .2em .4em
}

.lg-outer.lg-components-open .lg-components {
    transform: translate3d(0, calc(0px - var(--thumbs-bottom-offset, 0px)), 0) !important
}

.lg-outer.lg-components-open .lg-sub-html {
    margin-bottom: calc(var(--thumb-height, 0px) + (var(--thumbs-padding, 0px)*2))
}

.lg-outer .lg-components {
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.lg-outer .lg-counter {
    order: -1;
    height: auto;
    padding: 0;
    margin: 0;
    margin-inline-end: auto
}

.lg-outer .lg-sub-html {
    pointer-events: auto;
    background: 0 0;
    opacity: 1;
    padding-inline: var(--content-gutter, 24px);
    margin-inline: auto;
    width: 100%;
    height: auto;
    transition: margin .35s ease-out !important
}

.lg-outer .lg-actions .lg-icon {
    color: #fff;
    margin: 0;
    transform: translateY(-50%);
    border-radius: 0
}

.lg-outer .lg-actions .lg-icon:after {
    display: none
}

.lg-outer .lg-zoom-in {
    font-size: 24px
}

.lg-outer .lg-zoom-in:after {
    content: ""
}

.lg-outer .lg-thumb-outer {
    pointer-events: auto;
    height: auto !important;
    transition: transform .25s ease-out
}

.lg-outer .lg-thumb {
    padding: 0;
    margin: 0 auto;
    background: 0 0;
    align-items: center;
    display: flex
}

.lg-outer .lg-thumb-item {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    overflow: visible;
    position: relative
}

.lg-outer .lg-thumb-item:hover,
.lg-outer .lg-thumb-item.active {
    z-index: 2
}

.lg-outer .lg-thumb-item img {
    display: block;
    transition: all .1s ease-out
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
    background: 0 0
}

.lg-outer .lg-complete~.journal-loading {
    opacity: .75
}

.popup-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.popup-open .popup-wrapper {
    pointer-events: auto
}

.popup-wrapper .journal-loading {
    z-index: 1402;
    display: none
}

.popup-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: all .4s ease-out;
    z-index: 1401
}

.popup-container {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(.75);
    transition: transform .35s ease-out, opacity .15s linear;
    will-change: transform;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: calc(100% - var(--popup-width-margin, 0px)*2);
    z-index: 1403
}

.popup-open .popup-bg {
    opacity: 1
}

.popup-open .popup-wrapper .journal-loading {
    display: block
}

.popup-open .popup-container {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1)
}

.popup-iframe iframe {
    min-height: 100%
}

.popup-iframe .popup-container {
    opacity: 0
}

.popup-open.popup-iframe-loaded .popup-wrapper .journal-loading {
    display: none
}

.popup-open.popup-iframe-loaded .popup-iframe .popup-container {
    opacity: 1;
    animation: animation .8s 1
}

@keyframes animation {
    0% {
        transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    6.31% {
        transform: matrix3d(.815, 0, 0, 0, 0, .815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    12.51% {
        transform: matrix3d(.886, 0, 0, 0, 0, .886, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    18.82% {
        transform: matrix3d(.931, 0, 0, 0, 0, .931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    25.03% {
        transform: matrix3d(.959, 0, 0, 0, 0, .959, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    37.54% {
        transform: matrix3d(.986, 0, 0, 0, 0, .986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    50.05% {
        transform: matrix3d(.995, 0, 0, 0, 0, .995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    75.08% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }

    100% {
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

.popup-container .popup-close {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-100%);
    font-size: 18px;
    background: #fff;
    z-index: 100
}

.popup-container .popup-close:hover {
    background: #238cd2
}

.popup-container .popup-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.popup-header {
    position: relative;
    z-index: 2;
    border-top-right-radius: inherit;
    border-top-left-radius: inherit
}

.popup-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.popup-body img {
    vertical-align: bottom
}

.popup-body .product-thumb .btn-quickview {
    display: none !important
}

.popup-body .grid-row:before {
    width: 100% !important
}

.popup-inner-body {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border-radius: inherit;
    max-height: calc(100% - var(--popup-height-margin, 0px)*2)
}

.popup-inner-body:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit
}

.popup-inner-body>* {
    z-index: 1
}

.popup-inner-body>.grid-rows {
    overflow-y: auto
}

.popup-inner-body .popup-content,
.popup-inner-body iframe,
.popup-inner-body>.grid-rows {
    border-radius: inherit
}

.popup-content {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden
}

.popup-content>p:last-of-type {
    margin: 0
}

.popup-content img {
    height: auto
}

.popup-content>.grid-rows {
    height: 100%
}

.popup-content>.grid-rows>.grid-row {
    height: inherit
}

.popup-content>.grid-rows>.grid-row>.grid-cols-wrapper {
    height: inherit
}

.popup-footer {
    text-align: center;
    position: relative;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.popup-footer .btn+.btn {
    margin-inline-start: 10px
}

.popup-footer:empty {
    display: none
}

.popup-dont-show {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    height: 0
}

.popup-dont-show input {
    float: left;
    margin: 0
}

.popup-dont-show span {
    margin: 0 5px
}

.module-popup .popup-body>.popup-inner-body>.popup-content {
    overflow-y: auto
}

.popup {
    height: 100vh
}

.popup:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit
}

.popup body {
    max-width: 100vw;
    overflow-y: auto;
    overflow-x: hidden
}

.popup body,
.popup #content,
.popup .site-wrapper>.container>.row {
    background: 0 0 !important;
    margin: 0 !important;
    box-shadow: none
}

.popup .module-blocks .module-body {
    height: unset
}

.popup .module-blocks .module-body .block-content>iframe:only-child {
    float: left;
    border-radius: inherit
}

.popup #content,
.popup .site-wrapper>.container,
.popup .site-wrapper>.container>.row {
    padding: 0 !important
}

.popup .global-wrapper {
    min-height: 100%;
    overflow-x: initial
}

.popup .wrapper,
.popup .boxed-layout .site-wrapper,
.popup .site-wrapper,
.popup .grid-cols-wrapper {
    max-width: 100%
}

.popup .site-wrapper>.container:before {
    display: none !important
}

.modal {
    z-index: 1400
}

.modal .modal-header {
    border-width: 0 0 1px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.modal .modal-header:before,
.modal .modal-header:after {
    display: none
}

.modal .modal-header button {
    position: relative;
    opacity: 1;
    background: 0 0;
    font-size: 22px;
    line-height: 1;
    order: 5;
    margin: 0
}

.modal .modal-header button:empty:before {
    content: "x";
    font-size: inherit;
    font-weight: 700
}

.popup-options .product-info .product-details .product-labels-outside {
    display: none
}

.popup-options .product-info .product-details>div {
    background: 0 0;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: initial
}

.popup-options .product-info .product-details .product-options {
    margin-bottom: 0 !important
}

.popup-options .product-info .product-details .product-options>.options-title {
    display: block
}

.popup-options .product-info .product-details .product-options>.options-title+.form-group {
    margin-top: 10px
}

.popup-options .product-info .product-details .product-options .push-option .option-wrapper {
    overflow: initial
}

.popup-options .product-info .product-details .stepper-group {
    width: 100%;
    padding: calc(var(--product-page-buttons-gap, 0)*2)
}

.popup-options .product-info .product-details .stepper,
.popup-options .product-info .product-details .btn-cart {
    height: 44px
}

.popup-options .product-info .product-details .button-group-page {
    position: fixed;
    margin: 0;
    bottom: 0;
    z-index: 99;
    box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, .1)
}

.popup-options .product-info .product-details .button-group-page #button-cart {
    flex-grow: 1
}

.popup-options .product-info .product-details .button-group-page #button-cart:before {
    margin: 0 5px
}

.popup-options body {
    padding-bottom: var(--popup-fixed-buttons, 64px)
}

.popup-inner-body:empty+.popup-close {
    display: none !important
}

.route-product-product.popup-quickview .direction-horizontal .additional-images .swiper-container {
    overflow: hidden
}

.phone.popup .global-wrapper {
    overflow: hidden
}

html.popup .form-horizontal {
    margin-bottom: 0
}

html.popup #account-login .page-title,
html.popup #account-register .page-title {
    display: none
}

html.popup #alert:empty {
    display: none
}

html.popup .login-box {
    margin: 0
}

html.popup .login-box>div {
    margin: 0;
    padding: 0
}

html.popup .login-box .well {
    background: 0 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    border: 0
}

html.popup .site-wrapper:before {
    display: none
}

html.popup .site-wrapper>.title+p {
    display: none
}

.popup {
    --fixed-product-buttons: 0
}

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

.popup .site-wrapper>.breadcrumbs .page-title-text,
.popup .site-wrapper>.page-title .page-title-text {
    padding: 0
}

.win {
    --scrollW: 17px
}

.win.firefox {
    --scrollW: 0px
}

.mac-scroll {
    --scrollW: 15px
}

.mobile {
    --scrollW: 0px
}

.popup-wrapper::-webkit-scrollbar {
    width: var(--scrollW);
    height: var(--scrollW)
}

.desktop.popup-open:not(.popup):not(.header-sticky) {
    touch-action: none;
    overflow: hidden
}

.desktop.popup-open:not(.popup):not(.header-sticky) .popup-wrapper {
    overflow-y: scroll
}

.desktop.popup-open:not(.popup).header-sticky body {
    overflow-y: hidden;
    width: calc(100vw - var(--scrollW, 0px))
}

.desktop.popup-open:not(.popup).header-sticky .popup-wrapper {
    overflow-y: scroll
}

.mobile-header-active.popup-open:not(.popup) body {
    overflow-y: hidden;
    touch-action: none
}

.ms-skin-minimal .ms-slide .ms-slide-vpbtn,
.ms-skin-minimal .ms-video-btn {
    width: 55px;
    height: 55px;
    border: solid 1px #3d3d3d;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
    transition: background-color .3s
}

.ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover,
.ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-minimal .ms-video-btn:hover {
    background-color: #f1f1f1
}

.ms-skin-minimal .ms-slide .ms-slide-vcbtn {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    border: solid 1px #3d3d3d;
    top: 18px;
    right: 30px;
    transition: background-color .3s
}

.module-master_slider {
    z-index: 0;
    max-width: 100%;
    background-size: cover;
    background-position: center;
    height: 100%
}

.module-master_slider:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    transition: all .5s cubic-bezier(.455, .03, .515, .955);
    transform: translate3d(0, 0, 0) scale(1);
    transform-origin: top;
    will-change: transform
}

.module-master_slider:after {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    pointer-events: none;
    top: 0
}

.module-master_slider.master-loaded .journal-loading {
    transform: scale(0)
}

.module-master_slider.master-loaded:after {
    display: none
}

.module-master_slider .journal-loading {
    transition: all .2s cubic-bezier(.6, -.28, .735, .045);
    will-change: transform;
    z-index: 3
}

.module-master_slider .slider-static-text {
    position: absolute;
    z-index: 5;
    display: block
}

.module-master_slider .slider-static-text span {
    display: block;
    position: relative;
    transition: all .1s ease-out
}

.module-master_slider div.slider-static-text {
    cursor: default
}

.module-master_slider>img {
    visibility: hidden;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.module-master_slider iframe {
    border: none
}

.module-master_slider video {
    width: 100%;
    height: 100%
}

.module-master_slider .ms-slide {
    overflow: hidden
}

.module-master_slider .ms-slide .ms-slide-video {
    z-index: 112
}

.module-master_slider .ms-slide:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 106;
    top: 0;
    pointer-events: none
}

.module-master_slider .ms-layout-partialview .ms-view {
    overflow: visible
}

.module-master_slider .ms-view {
    background: 0 0;
    max-width: 100%
}

.module-master_slider .ms-layer-video {
    overflow: hidden
}

.module-master_slider .no-show-effect {
    transition-duration: 0s !important
}

.module-master_slider .ms-timerbar {
    height: auto !important
}

.module-master_slider .ms-time-bar {
    border-width: 0
}

.module-master_slider .ms-scroll-parallax-cont,
.module-master_slider .ms-slide .ms-slide-layers,
.module-master_slider .ms-overlay-layers .ms-slide-layers {
    z-index: 111;
    pointer-events: none
}

.module-master_slider .ms-slide .ms-layer,
.module-master_slider .ms-fixed-layers .ms-layer,
.module-master_slider .ms-overlay-layers .ms-layer {
    pointer-events: none
}

.module-master_slider .ms-slide-layers .ms-layer-button,
.module-master_slider .ms-slide-layers .ms-layer-hotspot {
    pointer-events: auto;
    transition: background-color .1s ease-out, color .1s ease-out, border-color .1s ease-out, box-shadow .1s ease-out, border-radius .1s ease-out
}

.module-master_slider .ms-point-center {
    background-clip: padding-box !important;
    cursor: context-menu;
    margin: -16px 0 0 -16px;
    background: #fff;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.module-master_slider .ms-point-center:before {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.module-master_slider .ms-tooltip {
    max-width: 280px;
    position: absolute;
    z-index: 20;
    cursor: auto
}

.module-master_slider .ms-tooltip .ms-tooltip-arrow {
    position: absolute;
    border-width: 8px;
    border-color: transparent;
    border-style: solid
}

.module-master_slider .ms-tooltip-top .ms-tooltip-arrow {
    top: auto;
    right: auto;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%)
}

.module-master_slider .ms-tooltip-right .ms-tooltip-arrow {
    top: 50%;
    right: auto;
    bottom: auto;
    left: -16px;
    transform: translateY(-50%)
}

.module-master_slider .ms-tooltip-bottom .ms-tooltip-arrow {
    top: -16px;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%)
}

.module-master_slider .ms-tooltip-left .ms-tooltip-arrow {
    top: 50%;
    right: -16px;
    bottom: auto;
    left: auto;
    transform: translateY(-50%)
}

.module-master_slider .ms-nav-next,
.module-master_slider .ms-nav-prev {
    width: 50px;
    height: 50px;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    transition: all .1s ease-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.module-master_slider .ms-nav-next:hover,
.module-master_slider .ms-nav-prev:hover {
    background: #333
}

.module-master_slider .ms-nav-next {
    left: auto;
    right: 0
}

.module-master_slider .ms-nav-prev:before {
    transform: scale(-1)
}

.module-master_slider .ms-bullets {
    transition: all .1s ease-out;
    right: auto;
    width: auto !important
}

.module-master_slider .ms-bullets .ms-bullets-count {
    right: auto;
    display: flex
}

.module-master_slider .ms-bullet {
    transition: all .1s ease-in-out;
    border-width: 0;
    border-radius: 0;
    margin: 0 !important;
    background: #fff
}

.module-master_slider .ms-bullet-selected {
    background: #333
}

.module-master_slider .ms-thumb-list {
    bottom: 0;
    height: auto !important
}

.module-master_slider .ms-thumb-frame {
    transition: all .1s ease-out;
    opacity: 1;
    margin-inline-end: 0 !important;
    position: relative;
    z-index: 1
}

.module-master_slider .ms-thumb-frame:hover {
    opacity: 1 !important
}

.module-master_slider .ms-thumb-frame-selected {
    opacity: 1 !important;
    transform: scale(1);
    z-index: 2
}

.module-master_slider>.master-slider {
    display: flex;
    flex-direction: column;
    width: 100%
}

.module-master_slider>.master-slider>.ms-container {
    order: 1;
    margin: 0
}

.module-master_slider .ms-btn-container {
    width: 100% !important;
    display: flex;
    align-items: center
}

.module-master_slider .ms-btn-container .btn {
    width: auto !important
}

.module-master_slider .ms-slide-layers .ms-layer-video {
    pointer-events: auto
}

html[dir=rtl] .module-master_slider .ms-btn-container {
    justify-content: flex-end
}

.module-master_slider.fullscreen-slider>img {
    visibility: hidden;
    width: 100%;
    height: 100%
}

.module-master_slider.fullscreen-slider .master-slider {
    width: 100% !important;
    height: 100% !important
}

.module-master_slider.fullscreen-slider .ms-slide-bgcont>img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important
}

.desktop-header-active .module-master_slider.fullscreen-slider {
    height: calc(100vh - (var(--desktop-top-bar, 35px) + var(--desktop-header, 80px) + var(--desktop-main-menu, 40px) + calc(var(--slider-bottom-offset, 0)*1px)))
}

.desktop-header-active.over-content .module-master_slider.fullscreen-slider {
    height: calc(100vh - (var(--desktop-top-bar, 35px) + var(--desktop-header, 80px) + var(--desktop-main-menu, 40px) + calc(var(--slider-bottom-offset, 0)*1px)) + var(--desktop-header, 80px) + var(--desktop-main-menu, 40px))
}

.mobile-header-active.header-mobile-1 .module-master_slider.fullscreen-slider {
    height: calc(100vh - (var(--mobile-top-bar, 35px) + var(--mobile-bar, 60px) + calc(var(--slider-bottom-offset, 0)*1px)))
}

.mobile-header-active.header-mobile-2 .module-master_slider.fullscreen-slider,
.mobile-header-active.header-mobile-3 .module-master_slider.fullscreen-slider {
    height: calc(100vh - (var(--mobile-top-bar, 35px) + var(--mobile-bar, 60px) + var(--mobile-search-bar, 50px) + calc(var(--mobile-search-padding, 7px)*2) + calc(var(--slider-bottom-offset, 0)*1px)))
}

.swiper-button-next,
.swiper-button-prev {
    background: unset
}

.swiper-button-next:after,
.swiper-button-prev:after {
    content: none;
    display: none
}

.mobile .swiper {
    overflow: hidden
}

.swiper-container {
    overflow: hidden;
    max-width: 100vw
}

.swiper-container:has(.module-item:only-child)+.swiper-buttons,
.swiper-container:has(.module-item:only-child)+.swiper-pagination-wrapper {
    display: none !important
}

.module-slider,
.module-banners_grid {
    counter-reset: thumb;
    display: flex;
    flex-direction: column
}

.module-slider .swiper-button-next,
.module-slider .swiper-button-prev,
.module-banners_grid .swiper-button-next,
.module-banners_grid .swiper-button-prev {
    background: unset
}

.module-slider .swiper-button-next:after,
.module-slider .swiper-button-prev:after,
.module-banners_grid .swiper-button-next:after,
.module-banners_grid .swiper-button-prev:after {
    content: none;
    display: none
}

.module-slider .journal-loading,
.module-banners_grid .journal-loading {
    z-index: 1
}

.module-slider .swiper-initialized .journal-loading,
.module-banners_grid .swiper-initialized .journal-loading {
    display: none
}

.module-slider .swiper-container:not(.swiper-container-initialized)+.swiper-buttons .swiper-button-prev,
.module-banners_grid .swiper-container:not(.swiper-container-initialized)+.swiper-buttons .swiper-button-prev {
    opacity: 1
}

.module-slider .swiper-container:not(.swiper-initialized)+.swiper-buttons .swiper-button-prev,
.module-banners_grid .swiper-container:not(.swiper-initialized)+.swiper-buttons .swiper-button-prev {
    opacity: .35
}

.module-slider .slider-wrapper,
.module-banners_grid .slider-wrapper {
    position: relative;
    flex-grow: 1;
    max-height: 100%
}

.module-slider .slider-wrapper .swiper-container,
.module-banners_grid .slider-wrapper .swiper-container {
    display: flex;
    align-items: center;
    height: 100%
}

.module-slider .slider-wrapper .swiper-container:not(.swiper-initialized) .swiper-slide:not(.swiper-slide-active) [data-swiper-parallax-x],
.module-slider .slider-wrapper .swiper-container:not(.swiper-initialized) .swiper-slide:not(.swiper-slide-active) [data-swiper-parallax-opacity],
.module-slider .slider-wrapper .swiper-container:not(.swiper-initialized) .swiper-slide:not(.swiper-slide-active) [data-swiper-parallax-scale],
.module-banners_grid .slider-wrapper .swiper-container:not(.swiper-initialized) .swiper-slide:not(.swiper-slide-active) [data-swiper-parallax-x],
.module-banners_grid .slider-wrapper .swiper-container:not(.swiper-initialized) .swiper-slide:not(.swiper-slide-active) [data-swiper-parallax-opacity],
.module-banners_grid .slider-wrapper .swiper-container:not(.swiper-initialized) .swiper-slide:not(.swiper-slide-active) [data-swiper-parallax-scale] {
    visibility: hidden
}

.module-slider .slider-wrapper .swiper-container:before,
.module-banners_grid .slider-wrapper .swiper-container:before {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    pointer-events: none
}

.module-slider .slider-wrapper .swiper-slide,
.module-banners_grid .slider-wrapper .swiper-slide {
    max-width: 100%;
    transition: all .2s ease-out;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d
}

.module-slider .slider-wrapper .swiper-slide:after,
.module-banners_grid .slider-wrapper .swiper-slide:after {
    content: "";
    pointer-events: none;
    padding-top: calc(var(--image-height, 0)/var(--image-width, 1)*100%)
}

.module-slider .slider-wrapper .swiper-slide .slide-link,
.module-banners_grid .slider-wrapper .swiper-slide .slide-link {
    position: absolute;
    inset: 0;
    z-index: 2
}

.module-slider .slider-wrapper .swiper-slide:last-child,
.module-banners_grid .slider-wrapper .swiper-slide:last-child {
    margin-inline-end: 0
}

.module-slider .slider-wrapper .swiper-slide.swiper-slide-active,
.module-banners_grid .slider-wrapper .swiper-slide.swiper-slide-active {
    z-index: 1
}

.module-slider .slide-content,
.module-banners_grid .slide-content {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    --object-position-h: center;
    --object-position-v: center;
    background-position-x: var(--object-position-h);
    background-position-y: var(--object-position-v)
}

.module-slider .slide-content:before,
.module-banners_grid .slide-content:before {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    transition: all .2s ease-out
}

.module-slider .slide-content-image,
.module-slider .slide-content-category,
.module-slider .slide-content-video,
.module-slider .slide-content-product,
.module-banners_grid .slide-content-image,
.module-banners_grid .slide-content-category,
.module-banners_grid .slide-content-video,
.module-banners_grid .slide-content-product {
    display: flex;
    justify-content: flex-end
}

.module-slider .slide-content-image>img,
.module-slider .slide-content-image>video,
.module-slider .slide-content-category>img,
.module-slider .slide-content-category>video,
.module-slider .slide-content-video>img,
.module-slider .slide-content-video>video,
.module-slider .slide-content-product>img,
.module-slider .slide-content-product>video,
.module-slider .slide-content->img,
.module-slider .slide-content->video,
.module-banners_grid .slide-content-image>img,
.module-banners_grid .slide-content-image>video,
.module-banners_grid .slide-content-category>img,
.module-banners_grid .slide-content-category>video,
.module-banners_grid .slide-content-video>img,
.module-banners_grid .slide-content-video>video,
.module-banners_grid .slide-content-product>img,
.module-banners_grid .slide-content-product>video,
.module-banners_grid .slide-content->img,
.module-banners_grid .slide-content->video {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: var(--object-position-h) var(--object-position-v);
    object-position: var(--object-position-h) var(--object-position-v);
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.module-slider .slide-content-image>img:hover,
.module-slider .slide-content-image>video:hover,
.module-slider .slide-content-category>img:hover,
.module-slider .slide-content-category>video:hover,
.module-slider .slide-content-video>img:hover,
.module-slider .slide-content-video>video:hover,
.module-slider .slide-content-product>img:hover,
.module-slider .slide-content-product>video:hover,
.module-slider .slide-content->img:hover,
.module-slider .slide-content->video:hover,
.module-banners_grid .slide-content-image>img:hover,
.module-banners_grid .slide-content-image>video:hover,
.module-banners_grid .slide-content-category>img:hover,
.module-banners_grid .slide-content-category>video:hover,
.module-banners_grid .slide-content-video>img:hover,
.module-banners_grid .slide-content-video>video:hover,
.module-banners_grid .slide-content-product>img:hover,
.module-banners_grid .slide-content-product>video:hover,
.module-banners_grid .slide-content->img:hover,
.module-banners_grid .slide-content->video:hover {
    pointer-events: none
}

.module-slider .slide-cols,
.module-banners_grid .slide-cols {
    position: relative;
    margin: 0 auto;
    z-index: 2;
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1
}

.module-slider .slide-link+.slide-cols,
.module-banners_grid .slide-link+.slide-cols {
    pointer-events: none
}

.module-slider .slide-link+.slide-cols .module-subitem,
.module-banners_grid .slide-link+.slide-cols .module-subitem {
    z-index: 3;
    pointer-events: auto
}

.module-slider .slide-col,
.module-banners_grid .slide-col {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    --element-padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-grow: 1;
    min-width: 0;
    padding: var(--slides-cols-left-padding, 0);
    flex-basis: calc((var(--slides-cols-auto-stack, 0px) - (100*var(--stack-unit, 1%)))*9999)
}

.module-slider .slide-col .slide-button .slide-button-group,
.module-banners_grid .slide-col .slide-button .slide-button-group {
    margin: calc(var(--slide-layer-gap-custom, 0px) - (var(--slide-button-gap, 0px)/2)) calc(0px - (var(--slide-button-gap, 0px)/2)) calc(0px - (var(--slide-button-gap, 0px)/2)) calc(0px - (var(--slide-button-gap, 0px)/2));
    display: flex;
    flex-wrap: wrap
}

.module-slider .slide-col .slide-button .btn,
.module-banners_grid .slide-col .slide-button .btn {
    margin: calc(var(--slide-button-gap, 0px)/2);
    flex-grow: 1;
    transition: all .1s ease-out
}

.module-slider .slide-col .slide-button .btn>span,
.module-banners_grid .slide-col .slide-button .btn>span {
    white-space: nowrap
}

.module-slider .slide-col .slide-button .btn:before,
.module-banners_grid .slide-col .slide-button .btn:before {
    display: flex;
    align-items: center;
    justify-content: center
}

.module-slider .slide-col:after,
.module-banners_grid .slide-col:after {
    content: "";
    display: none;
    --overlay-x: 0;
    --overlay-y: 0;
    --overlay-scale: 1;
    --overlay-rotate: 0deg;
    --overlay-x-hover: var(--overlay-x);
    --overlay-y-hover: var(--overlay-y);
    --overlay-scale-hover: var(--overlay-scale);
    --overlay-rotate-hover: var(--overlay-rotate);
    --overlay-speed: .2s;
    --overlay-ease: ease-out;
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: var(--overlay-max-width, 100%);
    max-height: var(--overlay-max-height, 100%);
    transition: all var(--overlay-speed) var(--overlay-ease);
    transform: translate3d(var(--overlay-x), var(--overlay-y), 0) scale(var(--overlay-scale)) rotate(var(--overlay-rotate));
    z-index: 0;
    pointer-events: none
}

.module-slider .slide-layers,
.module-banners_grid .slide-layers {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: var(--slide-layer-gap, 0);
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
    height: 100%;
    position: relative;
    z-index: 1;
    transform: scale(var(--layers-scale, 100%));
    container-type: inline-size
}

.module-slider .module-subitem,
.module-banners_grid .module-subitem {
    max-width: 100%;
    z-index: 2
}

.module-slider .module-subitem.slide-products,
.module-banners_grid .module-subitem.slide-products {
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch
}

.module-slider .slide-cols .module-subitem:not(.slide-icon),
.module-banners_grid .slide-cols .module-subitem:not(.slide-icon) {
    position: relative;
    margin-top: var(--slide-layer-gap-custom, 0px)
}

.module-slider .slide-image,
.module-banners_grid .slide-image {
    --image-scale: 1;
    transform: scale(var(--image-scale));
    transition: all .15s ease-out
}

.module-slider .slide-image:hover,
.module-banners_grid .slide-image:hover {
    transform: scale(var(--scale-hover, var(--image-scale)))
}

.module-slider .slide-image:active,
.module-banners_grid .slide-image:active {
    transform: scale(var(--scale-active, var(--image-scale)))
}

.module-slider .slide-image:before,
.module-banners_grid .slide-image:before {
    content: "";
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    border-radius: inherit
}

.module-slider figure,
.module-banners_grid figure {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.module-slider figure .slide-layer-image-link,
.module-banners_grid figure .slide-layer-image-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3
}

.module-slider figure img,
.module-banners_grid figure img {
    -o-object-fit: cover;
    object-fit: cover;
    max-height: var(--max-height, 100%);
    --drop-shadow-x: 0px;
    --drop-shadow-y: 0px;
    --drop-shadow-blur: 0px;
    --drop-shadow-color: transparent;
    --drop-shadow-x-hover: var(--drop-shadow-x);
    --drop-shadow-y-hover: var(--drop-shadow-y);
    --drop-shadow-blur-hover: var(--drop-shadow-blur);
    --drop-shadow-color-hover: var(--drop-shadow-color);
    filter: drop-shadow(var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color))
}

.module-slider figure:before,
.module-banners_grid figure:before {
    content: "";
    display: none;
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .5);
    pointer-events: none;
    z-index: 2
}

.module-slider figcaption,
.module-banners_grid figcaption {
    background: rgba(0, 0, 0, .5);
    color: rgba(255, 255, 255, .9);
    position: absolute;
    z-index: 2;
    line-height: 1.4;
    font-size: 13px;
    padding: 1.2em;
    width: 100%
}

.module-slider figcaption span,
.module-banners_grid figcaption span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--truncate-lines);
    --truncate-lines: unset
}

.module-slider .slide-text,
.module-banners_grid .slide-text {
    max-width: var(--layer-max-width, 100%);
    display: flex;
    align-items: center;
    transition: all 75ms ease-out;
    line-height: 1.3
}

.module-slider .slide-text span,
.module-banners_grid .slide-text span {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.module-slider .slide-text span s,
.module-banners_grid .slide-text span s {
    max-width: 100%;
    margin-inline-end: 4px;
    font: inherit;
    display: inline-flex
}

.module-slider .slide-text .slide-text-layer,
.module-banners_grid .slide-text .slide-text-layer {
    display: flex;
    align-items: center
}

.module-slider .slide-text .slide-text-layer:before,
.module-banners_grid .slide-text .slide-text-layer:before {
    align-self: start;
    margin-inline-end: 5px;
    font-size: 1.1em
}

.module-slider .slide-text .slide-text-item,
.module-banners_grid .slide-text .slide-text-item {
    display: inline
}

.module-slider .slide-text .slide-text-item:before,
.module-slider .slide-text .slide-text-item:after,
.module-banners_grid .slide-text .slide-text-item:before,
.module-banners_grid .slide-text .slide-text-item:after {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1em;
    min-height: 1em;
    font-size: .8em;
    transition: all 75ms ease-out;
    margin-inline-end: .3em
}

.module-slider .slide-text .slide-text-item:after,
.module-banners_grid .slide-text .slide-text-item:after {
    margin-inline-start: .3em
}

.module-slider .slide-icon,
.module-banners_grid .slide-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: 0 !important;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    z-index: 2
}

.module-slider .slide-icon .can-rotate,
.module-banners_grid .slide-icon .can-rotate {
    position: relative;
    transition: all 75ms ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(1em, 100%);
    height: min(1em, 100%);
    max-width: 100%;
    max-height: 100%;
    padding: .5em;
    --bg-size: 80;
    --bg-size-factor: 8;
    font-size: min(var(--bg-size)*1px, var(--bg-size)/var(--bg-size-factor)*1vw)
}

.module-slider .slide-icon .can-rotate .has-icon,
.module-banners_grid .slide-icon .can-rotate .has-icon {
    font-size: 1em;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.module-slider .slide-icon .can-rotate .has-icon:before,
.module-banners_grid .slide-icon .can-rotate .has-icon:before {
    line-height: 1
}

.module-slider .slide-icon .can-rotate .has-svg,
.module-banners_grid .slide-icon .can-rotate .has-svg {
    width: min(1em, 100%);
    height: min(1em, 100%);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.module-slider .slide-icon .can-rotate .has-svg>svg,
.module-banners_grid .slide-icon .can-rotate .has-svg>svg {
    stroke-linejoin: round
}

.module-slider .slide-icon .can-rotate .has-svg>*,
.module-banners_grid .slide-icon .can-rotate .has-svg>* {
    width: 100% !important;
    height: 100% !important
}

.module-slider .slide-icon .can-rotate .has-text,
.module-banners_grid .slide-icon .can-rotate .has-text {
    position: absolute;
    line-height: 1;
    font-size: .3em;
    color: #fff;
    text-align: center;
    padding: .4em;
    transform: translate3d(var(--x, 0), var(--y, 0), 0)
}

.module-slider .slide-icon .can-rotate .has-text s,
.module-banners_grid .slide-icon .can-rotate .has-text s {
    display: block;
    text-align: center;
    font-size: 60%
}

.module-slider .module-subitem.slide-video,
.module-banners_grid .module-subitem.slide-video {
    --video-layer-width: auto;
    --video-layer-height: auto;
    width: var(--video-layer-width);
    height: var(--video-layer-height);
    aspect-ratio: 16/9
}

.module-slider .module-subitem.slide-video iframe,
.module-slider .module-subitem.slide-video video,
.module-banners_grid .module-subitem.slide-video iframe,
.module-banners_grid .module-subitem.slide-video video {
    width: 100%;
    height: 100%
}

.module-slider .slider-thumbs,
.module-banners_grid .slider-thumbs {
    position: relative;
    z-index: 2
}

.module-slider .slider-thumbs .swiper-slide,
.module-banners_grid .slider-thumbs .swiper-slide {
    width: calc((100% - (var(--thumbs-per-view) - 1)*var(--thumb-gap, 0px))/var(--thumbs-per-view));
    margin-inline-end: var(--thumb-gap, 0px);
    min-width: var(--thumb-min-width, 0);
    max-width: var(--thumb-max-width, 100%);
    transition: all .12s ease-out;
    cursor: pointer;
    padding: var(--thumb-padding, 0)
}

.module-slider .slider-thumbs .swiper-slide img,
.module-banners_grid .slider-thumbs .swiper-slide img {
    width: 100%
}

.module-slider .slider-thumbs .swiper-slide.swiper-slide-active,
.module-banners_grid .slider-thumbs .swiper-slide.swiper-slide-active {
    z-index: 1
}

.module-slider .slider-thumbs .swiper-slide:before,
.module-banners_grid .slider-thumbs .swiper-slide:before {
    content: "";
    position: absolute;
    transition: all .1s ease-in-out;
    pointer-events: none;
    z-index: 2;
    top: var(--thumb-padding, 0);
    right: var(--thumb-padding, 0);
    bottom: var(--thumb-padding, 0);
    left: var(--thumb-padding, 0)
}

.module-slider .slider-thumbs .thumb-text,
.module-banners_grid .slider-thumbs .thumb-text {
    pointer-events: none;
    position: absolute;
    color: #fff;
    margin: var(--thumb-text-offset-x, 0);
    margin-bottom: var(--thumb-text-offset-y, var(--thumb-text-offset-x, 0));
    display: flex;
    align-items: center;
    max-height: 100%;
    z-index: 3;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    transform: translate3d(var(--thumb-padding, 0), calc(0px - var(--thumb-padding, 0)), 0)
}

.module-slider .slider-thumbs .thumb-text:before,
.module-banners_grid .slider-thumbs .thumb-text:before {
    color: currentColor
}

.module-slider .parallax-bg,
.module-banners_grid .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: var(--parallax-bg-width, 140%);
    height: 100%
}

.module-slider .parallax-bg:before,
.module-banners_grid .parallax-bg:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: var(--parallax-opacity, 1)
}

.module-slider .swiper-container:has(.swiper-slide:only-child) .swiper-wrapper,
.module-banners_grid .swiper-container:has(.swiper-slide:only-child) .swiper-wrapper {
    cursor: initial
}

.module-slider .swiper-container:has(.swiper-slide:only-child)~.swiper-pagination-wrapper,
.module-banners_grid .swiper-container:has(.swiper-slide:only-child)~.swiper-pagination-wrapper {
    display: none
}

.module-slider .swiper-buttons,
.module-banners_grid .swiper-buttons {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    z-index: 2;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.module-slider .swiper-buttons>div,
.module-banners_grid .swiper-buttons>div {
    pointer-events: auto;
    width: var(--button-width, 1.7em);
    height: var(--button-height, var(--button-width, 1.7em));
    font-size: min(3rem, 6vmin);
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: translate3d(var(--buttons-offset-x, 0), var(--buttons-offset-y, 0), 0);
    position: relative;
    margin: 0;
    transition: opacity 10ms, background-color .1s ease
}

.module-slider .swiper-buttons>div:active,
.module-banners_grid .swiper-buttons>div:active {
    opacity: .9
}

.module-slider .swiper-buttons>div:before,
.module-banners_grid .swiper-buttons>div:before {
    content: "";
    font-family: icomoon;
    line-height: 1;
    font-size: inherit
}

.module-slider .swiper-buttons>div.swiper-button-next,
.module-banners_grid .swiper-buttons>div.swiper-button-next {
    transform: translate3d(var(--button-next-offset-x, var(--buttons-offset-x, 0)), var(--button-next-offset-y, var(--buttons-offset-y, 0)), 0)
}

.module-slider .swiper-buttons>div.swiper-button-next:before,
.module-banners_grid .swiper-buttons>div.swiper-button-next:before {
    content: ""
}

.module-slider .swiper-buttons>div.swiper-button-disabled,
.module-banners_grid .swiper-buttons>div.swiper-button-disabled {
    pointer-events: none
}

.module-slider .swiper-pagination,
.module-banners_grid .swiper-pagination {
    transform: translate3d(var(--pagination-offset-x, 0), var(--pagination-offset-y, 0), 0)
}

.module-slider .swiper-pagination-fraction,
.module-banners_grid .swiper-pagination-fraction {
    color: #fff;
    width: auto;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    position: relative
}

.module-slider .swiper-pagination-fraction span,
.module-banners_grid .swiper-pagination-fraction span {
    margin: 0 2px
}

.module-slider .swiper-scrollbar,
.module-banners_grid .swiper-scrollbar {
    position: absolute;
    left: 50%;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1);
    bottom: 0;
    transform: translate3d(-50%, 0, 0);
    z-index: 20;
    width: 100%;
    margin-inline: auto;
    display: flex;
    align-items: center
}

.module-slider .swiper-scrollbar .swiper-scrollbar-drag,
.module-banners_grid .swiper-scrollbar .swiper-scrollbar-drag {
    box-sizing: content-box
}

.module-slider .swiper-container-horizontal>.swiper-scrollbar,
.module-banners_grid .swiper-container-horizontal>.swiper-scrollbar {
    bottom: 10px
}

.module-slider .swiper-pagination-wrapper,
.module-banners_grid .swiper-pagination-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate3d(-50%, 0, 0);
    z-index: 3;
    pointer-events: none
}

.module-slider .swiper-pagination-bullets,
.module-banners_grid .swiper-pagination-bullets {
    bottom: auto;
    display: flex;
    position: relative;
    justify-content: center;
    left: auto;
    right: 0;
    flex-wrap: wrap;
    width: -moz-fit-content;
    width: fit-content;
    pointer-events: auto;
    cursor: default;
    gap: var(--bullet-gap, .5em)
}

.module-slider .swiper-pagination-bullets:has(.swiper-pagination-bullet:only-child),
.module-banners_grid .swiper-pagination-bullets:has(.swiper-pagination-bullet:only-child) {
    display: none
}

.module-slider .swiper-pagination-bullets .swiper-pagination-bullet,
.module-banners_grid .swiper-pagination-bullets .swiper-pagination-bullet {
    width: var(--bullet-width, 1em);
    height: var(--bullet-height, var(--bullet-width, 1em));
    margin: 0;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .1s ease-out;
    opacity: .5;
    position: relative;
    border-radius: 0;
    overflow: hidden;
    cursor: pointer
}

.no-flexbox-gap .module-slider .swiper-pagination-bullets .swiper-pagination-bullet,
.no-flexbox-gap .module-banners_grid .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: calc(var(--bullet-gap, .5em)/2)
}

.module-slider .swiper-pagination-bullets .swiper-pagination-bullet .swiper-timeline,
.module-banners_grid .swiper-pagination-bullets .swiper-pagination-bullet .swiper-timeline {
    position: absolute;
    z-index: -1;
    height: 100%;
    display: none;
    border-radius: 0;
    transition: opacity .1s ease;
    background: var(--timer-bullet-color, var(--timer-color, #007aff))
}

.module-slider .swiper-pagination-bullets .swiper-pagination-bullet:hover,
.module-banners_grid .swiper-pagination-bullets .swiper-pagination-bullet:hover {
    transform: scale(var(--bullet-active-scale-hover, 1))
}

.module-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.module-banners_grid .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    transform: scale(var(--bullet-active-scale, 1));
    opacity: 1
}

.module-slider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .swiper-timeline,
.module-banners_grid .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .swiper-timeline {
    display: block
}

.module-slider .swiper-pagination-bullets .swiper-pagination-bullet:before,
.module-banners_grid .swiper-pagination-bullets .swiper-pagination-bullet:before {
    color: #fff;
    position: relative;
    z-index: 12;
    counter-increment: thumb;
    content: "" counter(thumb) ""
}

.module-slider .swiper-pagination-dots,
.module-banners_grid .swiper-pagination-dots {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    width: -moz-fit-content;
    width: fit-content;
    pointer-events: auto;
    gap: var(--bullet-gap, .5em)
}

.module-slider .swiper-pagination-dots .swiper-pagination-bullet,
.module-banners_grid .swiper-pagination-dots .swiper-pagination-bullet {
    width: var(--bullet-dot-size, 1em);
    height: var(--bullet-dot-size, 1em);
    border-radius: 50%;
    margin: 0;
    overflow: visible
}

.no-flexbox-gap .module-slider .swiper-pagination-dots .swiper-pagination-bullet,
.no-flexbox-gap .module-banners_grid .swiper-pagination-dots .swiper-pagination-bullet {
    margin: calc(var(--bullet-gap, .5em)/2)
}

.module-slider .swiper-pagination-dots .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) .swiper-timeline-dots,
.module-banners_grid .swiper-pagination-dots .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) .swiper-timeline-dots {
    display: none
}

.module-slider .slide-svg,
.module-banners_grid .slide-svg {
    display: flex;
    align-items: center;
    justify-content: center
}

.module-slider .slide-svg .svg-layer,
.module-banners_grid .slide-svg .svg-layer {
    --bg-size: 400;
    --bg-size-factor: 8;
    font-size: min(var(--bg-size)*1px, var(--bg-size)/var(--bg-size-factor)*1vw);
    width: min(1em, 100%);
    height: min(1em, 100%);
    display: flex;
    align-items: center;
    justify-content: center
}

.module-slider .slide-svg .svg-layer>svg,
.module-banners_grid .slide-svg .svg-layer>svg {
    overflow: visible;
    max-width: 100% !important;
    max-height: 100% !important;
    width: 1em;
    height: auto;
    stroke-linejoin: round
}

.module-slider .slide-icon .has-icon,
.module-slider .slide-icon .has-svg,
.module-banners_grid .slide-icon .has-icon,
.module-banners_grid .slide-icon .has-svg {
    --speed: 0;
    --animation: none;
    animation: var(--animation) var(--speed) infinite linear
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

body>.module-background_slider {
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: -2
}

body>.module-background_slider~.global-wrapper,
body>.module-background_slider~.global-wrapper>.site-wrapper {
    background: 0 0 !important
}

.module-background_slider:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    pointer-events: none
}

.module-background_slider .slider-wrapper {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%
}

.module-background_slider .swiper-container {
    width: 100%;
    height: 100%
}

.module-background_slider .slide-content {
    width: 100%;
    height: 100%
}

.module-background_slider .slide-content img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.module-background_slider .swiper-slide {
    height: 100%;
    will-change: opacity;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.module-background_slider .swiper-slide:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    z-index: 1;
    pointer-events: none
}

.module-background_slider .swiper-slide:after {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    margin: var(--content-gutter, 0);
    line-height: 1
}

.module-slider .static-text-wrapper {
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    pointer-events: none;
    padding: var(--content-gutter, 24px)
}

.module-slider .static-text-wrapper .slider-static-text {
    pointer-events: all;
    z-index: 2;
    position: relative
}

.module-slider .static-text-wrapper .slider-static-text span {
    display: flex;
    align-items: center;
    justify-content: center
}

.module-slider {
    --slide-min-height: initial;
    --slide-max-height: 100%
}

.module-slider .slider-wrapper>.swiper-container>.swiper-wrapper>.swiper-slide {
    width: var(--slide-width, 100%);
    margin-inline-end: calc(var(--slide-gap, 0px));
    min-height: var(--slide-min-height);
    max-height: var(--slide-max-height)
}

.module-slider .slide-cols {
    gap: var(--cols-gap, 0px)
}

.module-slider .slide-col-left {
    min-width: calc(var(--slides-cols-width, 50%) - var(--cols-gap, 0px));
    z-index: 1
}

.module-slider .slide-col-right {
    min-width: max(1%, 100% - var(--slides-cols-width, 50%));
    padding: var(--slides-cols-right-padding, 0px)
}

.module-slider .slide-layers:after {
    content: "";
    position: absolute;
    display: none;
    width: 70%;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    transform: translate3d(-50%, -50%, 0);
    aspect-ratio: 1;
    background: rgba(255, 255, 255, .5);
    pointer-events: none;
    z-index: -1
}

.module-banners_grid {
    --image-scale-speed: .1s;
    --image-scale-ease: ease-out;
    --scale-hover: 1
}

.module-banners_grid .banners-grid {
    height: 100%
}

.module-banners_grid .banners-wrapper {
    height: 100%
}

.module-banners_grid .banners-wrapper>.swiper-slide {
    min-height: var(--slide-min-height);
    max-height: var(--slide-max-height)
}

.module-banners_grid>.module-body:before {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
    width: 100%;
    height: 100%
}

.module-banners_grid .slide-cols {
    gap: var(--cols-gap, 0px)
}

.module-banners_grid .slide-cols:before {
    content: "";
    align-self: stretch;
    border-width: .5px;
    border-style: solid;
    border-color: transparent;
    flex-basis: calc((var(--slides-cols-auto-stack, 0px) - (100*var(--stack-unit, 1%)))*9999);
    order: 2;
    display: none
}

.module-banners_grid .slide-col {
    --col-width: min(100%, max(var(--slides-cols-width), var(--col-left-fixed-width, var(--slides-cols-width))))
}

.module-banners_grid .slide-col-left {
    min-width: calc(var(--col-width, 50%) - 1px - (var(--cols-gap, 0px)/2));
    z-index: 1;
    order: 0
}

.module-banners_grid .slide-col-right {
    min-width: max(1%, 100% - calc(var(--col-width, 50%) + var(--cols-gap, 0px)/2));
    padding: var(--slides-cols-right-padding, 0px);
    order: 3
}

.module-banners_grid .slide-content {
    min-height: inherit
}

.module-banners_grid .slide-image {
    --image-layer-scale: 1;
    --image-layer-scale-speed: .1s;
    --image-layer-scale-ease: ease-out;
    --image-layer-scale-hover: 1;
    transform: scale(var(--image-layer-scale));
    transition: transform var(--image-layer-scale-speed) var(--image-layer-scale-ease)
}

.module-banners_grid .slide-image img {
    transition: transform var(--image-layer-scale-speed) var(--image-layer-scale-ease)
}

.module-banners_grid .flex-grid .module-item {
    height: auto;
    max-width: 100%
}

.no-touchevents .module-banners_grid .slide-content>img {
    transition: transform var(--image-scale-speed) var(--image-scale-ease)
}

.no-touchevents .module-banners_grid .slide-content:hover>img {
    transform: scale(var(--image-scale-hover, 1))
}

.no-touchevents .module-banners_grid .slide-content:hover .slide-image {
    transform: scale(var(--image-layer-scale-hover, 1))
}

.no-touchevents .module-banners_grid .slide-content:hover .slide-image img {
    filter: drop-shadow(var(--drop-shadow-x-hover) var(--drop-shadow-y-hover) var(--drop-shadow-blur-hover) var(--drop-shadow-color-hover))
}

.no-touchevents .module-banners_grid .slide-content:hover .slide-col-left:after,
.no-touchevents .module-banners_grid .slide-content:hover .slide-col-right:after {
    max-width: var(--overlay-max-width-hover, var(--overlay-max-width));
    max-height: var(--overlay-max-height-hover, var(--overlay-max-height));
    transform: translate3d(var(--overlay-x-hover), var(--overlay-y-hover), 0) scale(var(--overlay-scale-hover)) rotate(var(--overlay-rotate-hover))
}

.touchevents .module-banners_grid .slide-content-image:active>img,
.no-touchevents .module-banners_grid .slide-content-image:active>img {
    transform: scale(var(--image-scale-active, 1))
}

.touchevents .module-banners_grid .slide-content:active .slide-image,
.no-touchevents .module-banners_grid .slide-content:active .slide-image {
    transform: scale(var(--image-layer-scale-active, 1))
}

.slider-timer {
    position: absolute;
    z-index: 11;
    width: 100%
}

.swiper-timeline {
    position: relative;
    width: 100%;
    height: 2px;
    z-index: 11;
    border-radius: inherit;
    background: var(--timer-color, #007aff);
    transform: translate3d(0, 0, 0) scaleX(var(--timeline-progress, 0));
    will-change: transform;
    transform-origin: left;
    transition: opacity .15s ease
}

.slider-thumbs .swiper-slide:not(.swiper-slide-active) .swiper-timeline {
    opacity: 0
}

.module-slider,
.module-banners_grid {
    --stroke-width: 2px
}

.swiper-pagination-dots svg {
    width: calc(var(--bullet-dot-size, 1em)*2);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    transition: opacity .2s ease
}

.swiper-pagination-dots circle {
    stroke: var(--timer-bullet-color, var(--timer-color, #007aff));
    stroke-width: var(--stroke-width, 2px);
    stroke-dasharray: 100;
    stroke-dashoffset: var(--timeline-progress-circle, 0);
    transform-origin: center;
    transform: rotate(-90deg)
}

.module-slider {
    --image-scale-from: 1;
    --transition-speed: .3s
}

.module-slider .swiper-wrapper {
    transition-timing-function: var(--ease)
}

.module-slider .slider-wrapper:not(.slider-carousel) .swiper-initialized .swiper-slide .slide-content-image>img {
    transform: scale(1);
    will-change: transform;
    transition: transform var(--image-scale-speed, var(--transition-speed)) var(--ease)
}

.module-slider .slider-wrapper:not(.slider-carousel) .swiper-initialized .swiper-slide:not(.swiper-slide-visible) .slide-content-image>img {
    transform: scale(var(--image-scale-from))
}

.ios .module-slider .slide-cols,
.ios .module-slider .slide-content:before {
    transform: translate3d(0, 0, .01px)
}

html[dir=rtl] .module-slider .slide-text:before,
html[dir=rtl] .module-banners_grid .slide-text:before {
    margin-inline-end: 0;
    margin-inline-start: .3em
}

.module-catalog .flex-grid,
.module-catalog .ipr-grid:not(.swiper-wrapper) {
    display: flex;
    flex-wrap: wrap
}

.module-catalog:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    pointer-events: none
}

.module-catalog>div {
    position: relative;
    z-index: 1
}

.module-catalog .masonry-grid,
.module-catalog_blocks .masonry-grid {
    position: relative;
    --masonry-cols-width: 200px;
    --masonry-cols-gap: 20px
}

.module-catalog .item-all-link,
.module-catalog_blocks .item-all-link {
    cursor: pointer !important;
    pointer-events: auto !important;
    margin-inline-start: auto;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end !important;
    text-decoration: none;
    color: unset;
    padding-block: 2px;
    padding-inline: .6em;
    width: auto;
    height: -moz-fit-content;
    height: fit-content
}

.module-catalog .item-all-link:active:after,
.module-catalog_blocks .item-all-link:active:after {
    transform: scale(.93)
}

.module-catalog .item-all-link:hover,
.module-catalog_blocks .item-all-link:hover {
    color: unset;
    text-decoration: none
}

.module-catalog .item-all-link:after,
.module-catalog_blocks .item-all-link:after {
    margin-inline: 6px
}

.module-catalog h3.block-title .item-all-link,
.module-catalog_blocks h3.block-title .item-all-link {
    position: absolute;
    inset-inline-end: 0
}

.catalog-title:empty,
.subitems:empty {
    display: none
}

.catalog-blocks>div {
    counter-reset: top-counters
}

.catalog-title {
    display: flex;
    align-items: flex-end;
    z-index: 2
}

.catalog-image {
    width: 100%;
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-basis: clamp(var(--image-min-width, 50px), calc(var(--image-max-width, 50%) - var(--catalog-gap, 0px)/2), 100%);
    transition: all 60ms ease-out
}

.catalog-image img {
    width: 100%;
    align-self: flex-start;
    -o-object-fit: cover;
    object-fit: cover
}

.catalog-image:hover {
    transform: scale(var(--scale-hover, 1))
}

.catalog-image:active {
    transform: scale(var(--scale-active, 1));
    transition: all 30ms ease
}

.catalog-image:empty {
    display: none !important
}

.catalog-image:before {
    content: "";
    line-height: 1;
    position: absolute;
    z-index: 2;
    transition: all .1s ease-out;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    --icon-width: auto;
    width: var(--icon-width);
    height: var(--icon-height, var(--icon-width))
}

.catalog-image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    z-index: 1;
    transition: all .1s ease-out
}

.item-content {
    transition: all .1s ease-out;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.item-content:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit
}

.item-assets {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    align-content: flex-start;
    position: relative;
    --image-max-width: 40%;
    gap: var(--catalog-gap, 0px);
    max-height: none
}

.subitems {
    flex-basis: min(calc(100% - var(--image-max-width, 50%) - var(--catalog-gap, 0px)/2), 100%);
    flex-grow: 1;
    order: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    flex-wrap: nowrap;
    min-width: 60px;
    --overflow-x: initial;
    --overflow-y: initial;
    max-height: var(--max-height, 100%);
    overflow-x: var(--overflow-x);
    overflow-y: var(--overflow-y);
    counter-reset: top-counters
}

.subitems:empty {
    display: none
}

.subitems .view-more a {
    display: flex;
    align-items: center;
    font-size: 95%
}

.subitem {
    line-height: 1.2;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: calc(var(--catalog-link-gap, 0px)/2) 0;
    counter-increment: top-counters
}

.subitem a {
    width: -moz-max-content;
    width: max-content;
    transition: all .075s ease-out
}

.subitem a s {
    display: inline-block;
    padding: 4px 5px;
    margin-inline: 4px
}

.subitem:before {
    float: left
}

.subitem:not(.view-more):after {
    order: -1;
    display: none;
    align-items: center;
    justify-content: center;
    margin-inline-end: 4px;
    min-width: 1em;
    content: counter(top-counters)
}

.no-flexbox-gap .item-assets {
    margin: calc(0px - var(--catalog-gap, 0px)/2)
}

.no-flexbox-gap .catalog-image,
.no-flexbox-gap .subitems {
    margin: calc(var(--catalog-gap, 0px)/2)
}

.no-flexbox-gap .subitem+.subitem {
    padding-top: var(--catalog-link-gap, 0);
    padding-inline-start: var(--catalog-link-gap, 0)
}

html[dir=rtl].no-flexbox-gap .no-flexbox-gap .subitem+.subitem {
    padding-top: var(--catalog-link-gap, 0);
    padding-inline-start: 0;
    padding-inline-end: var(--catalog-link-gap, 0)
}

.module-newsletter {
    display: flex;
    flex-direction: column
}

.module-newsletter .module-body {
    display: flex;
    width: 100%;
    justify-content: inherit;
    flex-wrap: wrap;
    gap: var(--text-input-gap, 0px)
}

.module-newsletter .module-body>div:not(.newsletter-text) {
    display: flex;
    justify-content: inherit
}

.module-newsletter .module-body .newsletter-form {
    max-width: 100%
}

.module-newsletter .module-body .newsletter-form:before {
    display: flex;
    align-items: center;
    line-height: 1;
    height: var(--input-height, -moz-max-content);
    height: var(--input-height, max-content);
    margin-inline-end: 8px;
    font-size: 28px;
    float: left
}

.module-newsletter .module-body .newsletter-form form {
    max-width: 100%;
    min-width: 0
}

.module-newsletter .module-body .newsletter-form form input {
    max-width: 100%
}

.module-newsletter .module-body .newsletter-form .checkbox {
    padding: 0
}

.module-newsletter .btn {
    position: absolute;
    right: 0;
    z-index: 2
}

.module-newsletter .btn:before {
    content: "";
    font-family: icomoon
}

.module-newsletter .input-group {
    gap: 0;
    padding: 0;
    height: var(--input-height, auto)
}

.module-newsletter .input-group .input-group-btn {
    display: flex;
    align-items: center;
    z-index: 3
}

.module-newsletter .input-group .input-group-btn .btn {
    width: -moz-min-content;
    width: min-content;
    height: auto;
    min-height: initial
}

.module-newsletter .input-group input {
    height: 100%
}

.module-newsletter .input-group+.checkbox label {
    margin-top: 5px;
    width: 100%;
    background: 0 0
}

.module-newsletter .input-group+.checkbox label input {
    min-width: 14px;
    min-height: 14px;
    width: calc(1em - 1px);
    height: calc(1em - 1px)
}

.module-newsletter .module-body .newsletter-form form>div:not(.buttons):not(.checkout-section):not(.dropdown):not(#review).input-group,
.module-newsletter .module-body .newsletter-form form>div:not(.buttons):not(.checkout-section):not(.dropdown):not(#review).checkbox {
    margin-bottom: 0 !important
}

.newsletter-text:before {
    line-height: 1;
    margin-inline-end: 8px
}

.agree b {
    font-weight: inherit
}

.side-column .module-newsletter .module-body {
    display: block
}

.side-column .module-newsletter .btn span {
    display: none
}

.side-column .newsletter-text {
    margin-bottom: 10px
}

.marquee {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none !important
}

.marquee::-webkit-scrollbar {
    display: none !important
}

.marquee:before,
.marquee:after {
    content: "";
    --fader-color: var(--background-color);
    display: none;
    position: absolute;
    pointer-events: none;
    top: 0;
    height: 100%;
    z-index: 1;
    border-radius: inherit
}

.marquee:before {
    left: 0;
    width: min(var(--fader-width-left, 120px), 40%);
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, var(--fader-color) 90%, var(--fader-color))
}

.marquee:after {
    right: 0;
    width: min(var(--fader-width-right, 120px), 40%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, var(--fader-color) 90%, var(--fader-color))
}

.marquee-slider {
    --marquee-play-state: paused;
    --marquee-speed: 35s;
    --marquee-direction: marquee-left;
    --swap-direction: swap-left;
    display: inline-block;
    animation: var(--marquee-direction) var(--marquee-speed) linear infinite;
    will-change: transform
}

.marquee-slider:hover {
    animation-play-state: var(--marquee-play-state)
}

.marquee-slider:hover .marquee-items-1 {
    animation-play-state: var(--marquee-play-state)
}

.marquee-items {
    position: relative;
    display: inline-flex
}

.marquee-item {
    display: inline-flex;
    align-items: center;
    margin: 0 0 0 var(--item-gap, 0);
    text-decoration: none !important;
    transition: all .1s ease-out
}

.marquee-item:before {
    display: inline-block;
    line-height: 1;
    position: relative;
    top: 2px
}

.marquee-item:after {
    color: initial;
    -webkit-text-stroke-width: initial;
    line-height: 1;
    vertical-align: middle;
    margin: 0 0 0 var(--item-gap, 0)
}

.marquee-items-1 {
    left: 0;
    will-change: left;
    animation: var(--swap-direction) var(--marquee-speed) linear infinite
}

html[dir=rtl] .marquee-items-2 {
    left: 100%
}

html[dir=rtl] .marquee-item {
    margin: 0 var(--item-gap, 0) 0 0
}

html[dir=rtl] .marquee-item:after {
    margin: 0 var(--item-gap, 0) 0 0
}

@keyframes marquee-left {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes swap-left {

    0%,
    50% {
        left: 0
    }

    50.01%,
    100% {
        left: 100%
    }
}

@keyframes marquee-right {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes swap-right {

    0%,
    50% {
        left: 100%
    }

    50.01%,
    100% {
        left: 0
    }
}

@media(prefers-reduced-motion:reduce) {

    .marquee-slider,
    .marquee-items {
        animation-play-state: paused !important
    }
}

.category-grid:not(.auto-grid) {
    display: flex
}

.category-grid:not(.auto-grid):not(.swiper-wrapper) {
    flex-wrap: wrap
}

.manufacturer-grid:not(.auto-grid) {
    display: flex
}

.manufacturer-grid:not(.auto-grid):not(.swiper-wrapper) {
    flex-wrap: wrap
}

.category-thumb,
.manufacturer-thumb {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    transition: all .075s ease-out;
    position: relative
}

.category-thumb .caption,
.manufacturer-thumb .caption {
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 2;
    position: relative
}

.category-thumb .image,
.manufacturer-thumb .image {
    width: 100%;
    position: relative
}

.category-thumb .image a,
.manufacturer-thumb .image a {
    display: flex;
    align-items: center;
    justify-content: center;
    backface-visibility: hidden;
    transition: all 60ms ease-out
}

.category-thumb .image a:hover,
.manufacturer-thumb .image a:hover {
    transform: scale(var(--scale-hover, 1))
}

.category-thumb .image a:active,
.manufacturer-thumb .image a:active {
    transform: scale(var(--scale-active, 1));
    transition: all 30ms ease
}

.category-thumb .image img,
.manufacturer-thumb .image img {
    width: 100%;
    height: auto;
    transition: all .18s ease;
    border-radius: inherit
}

.category-thumb .name,
.manufacturer-thumb .name {
    max-width: 100%;
    top: 0;
    transition: all .075s ease-out
}

.category-thumb .name a,
.manufacturer-thumb .name a {
    display: block
}

.category-thumb {
    --image-width: 100%;
    --stack: 300px;
    --gap: 0;
    gap: var(--gap);
    flex-direction: column;
    flex-wrap: nowrap
}

.category-thumb>div {
    flex-basis: calc((var(--stack) - 100%)*9999)
}

.category-thumb .image {
    min-width: min(100%, (var(--image-width)))
}

.category-thumb .caption {
    justify-content: center;
    flex-grow: 1;
    min-width: min(100%, (100% - var(--image-width) - var(--gap)))
}

.category-thumb .caption .name {
    align-items: center
}

.category-thumb .product-count {
    line-height: 1;
    align-items: center;
    overflow: hidden
}

.category-thumb .product-count .product-count-text {
    display: none
}

.category-thumb .product-count .count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    min-height: 1em;
    min-width: var(--count-size, 1em);
    height: var(--count-size, auto);
    margin: 0;
    padding: 0
}

.category-thumb .product-count.product-count-below {
    margin-top: var(--category-count-offset, 0)
}

.category-thumb .product-count.product-count-below .count-badge {
    margin-inline-end: var(--category-count-offset, 0px)
}

.category-thumb .product-count.product-count-below .product-count-text {
    display: inline-flex
}

.category-thumb .product-count.product-count-image {
    position: absolute;
    inset-inline-end: var(--category-count-offset, 0);
    inset-block-start: var(--category-count-offset, 0);
    z-index: 2;
    --count-size: 22px;
    margin: 0 !important
}

.category-thumb .product-count.product-count-name {
    margin-inline-start: var(--category-count-offset, 0)
}

.manufacturer-grid:not(.auto-grid) {
    display: flex
}

.manufacturer-grid:not(.auto-grid):not(.swiper-wrapper) {
    flex-wrap: wrap
}

.manufacturer-thumb {
    display: flex;
    flex-wrap: wrap;
    --image-width: 100%;
    --image-stack: 30px;
    --details-gap: 0;
    gap: var(--details-gap)
}

.manufacturer-thumb .image {
    min-width: min(100%, max(1%, var(--image-width)));
    flex-basis: calc((var(--image-stack) - 100%)*9999);
    display: flex;
    align-items: center;
    flex-grow: 1;
    width: 100%;
    border-radius: inherit
}

.manufacturer-thumb .image a {
    border-radius: inherit
}

.manufacturer-thumb .caption {
    border-radius: inherit;
    flex-grow: 1;
    min-width: calc(max(1%, min(100%, 100% - var(--image-width))) - var(--details-gap));
    flex-basis: calc((var(--image-stack) - 100%)*9999);
    align-items: center;
    justify-content: center
}

.manufacturer-thumb .name {
    border-radius: inherit
}

.module-manufacturers,
.module-categories {
    display: flex;
    flex-wrap: wrap;
    --title-width: 100%;
    --title-stack: 900px
}

.module-manufacturers>.module-title,
.module-categories>.module-title {
    min-width: min(100%, max(1%, var(--title-width)));
    flex-basis: calc((var(--title-stack) + 1px - (100*var(--unit, 1%)))*9999);
    flex-grow: 1;
    width: 100%
}

.module-manufacturers>.module-body,
.module-categories>.module-body {
    flex-grow: 1;
    min-width: max(1%, min(100%, 100% - var(--title-width)));
    flex-basis: calc((var(--title-stack) + 1px - (100*var(--unit, 1%)))*9999)
}

.side-column .module-filter .panel-group {
    flex-direction: column
}

.module-filter {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.module-filter .module-title {
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.module-filter .module-title:after {
    display: none !important
}

.module-filter .module-title .filter-title-text {
    flex-grow: 1
}

.module-filter .panel-group {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.module-filter .panel-body {
    -ms-scroll-chaining: chained;
    overscroll-behavior: auto
}

.module-filter .panel-body>div>label {
    display: flex;
    align-items: center;
    margin: 0;
    transition: all .05s ease;
    cursor: pointer;
    position: relative
}

.module-filter .panel-body>div>label>* {
    position: relative;
    z-index: 1
}

.module-filter .panel-body>div>label img {
    transition: all 75ms
}

.module-filter .panel-body>div>label .filter-item-bg {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    transition: all 75ms
}

.module-filter .panel-body>div>label+label {
    margin-top: var(--item-spacing, 0px)
}

.module-filter .panel-body>div>label+label:before {
    content: "";
    border-width: 1px 0 0;
    position: absolute;
    top: calc(0px - var(--item-spacing, 0px)/2);
    left: 0;
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch
}

.module-filter .panel-body>div>label input {
    margin: 0 2px 0 0
}

.module-filter .panel-body>div>label input+img {
    transition: all .05s ease
}

.module-filter .panel-body>div>label .links-text {
    margin-inline-start: var(--text-margin, 5px);
    transition: all .05s ease
}

.module-filter .panel-body>div>label .count-badge {
    margin-inline-start: var(--x, 5px);
    z-index: 2;
    transform: translateX(0)
}

.module-filter .image-only .panel-body>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.module-filter .image-only .panel-body>div>label {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    position: relative
}

.module-filter .image-only .panel-body>div>label+label {
    border-top: 0
}

.module-filter .image-only .panel-body>div>label img {
    margin: 0;
    width: 100%;
    height: auto
}

.module-filter .image-only .panel-body>div>label input {
    display: none
}

.module-filter .image-only .panel-body>div>label .links-text {
    display: none
}

.module-filter .image-only .panel-body>div>label .count-badge {
    position: absolute;
    right: 0;
    top: 0
}

.module-filter .links-text {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word
}

.module-filter .filter-price {
    padding-bottom: 20px
}

.module-filter .range-slider {
    min-height: 40px;
    top: -18px;
    position: relative
}

.module-filter .irs {
    height: auto
}

.module-filter .js-range-slider {
    display: none !important
}

.module-filter .irs-min,
.module-filter .irs-max,
.module-filter .irs-from,
.module-filter .irs-to,
.module-filter .irs-single {
    display: none
}

.module-filter .irs-slider {
    background: #238cd2;
    border: none;
    box-shadow: none;
    transition: all .03s ease;
    border-radius: 0
}

.module-filter .irs-line {
    background: 0 0;
    border-radius: 0;
    border: none
}

.module-filter .irs-bar {
    background: 0 0;
    border: none
}

.module-filter .extra-controls {
    display: flex;
    align-items: center;
    position: relative
}

.module-filter .extra-controls input {
    width: calc(50% - 25px);
    text-align: center;
    border: none;
    box-shadow: none;
    outline: none
}

.module-filter .extra-controls .currency-symbol {
    padding: 0 4px
}

.module-filter .extra-controls .currency-left~.currency-left {
    margin-inline-start: auto
}

.module-filter .extra-controls input:first-child+.currency-right {
    margin-inline-end: auto
}

.module-filter .module-item {
    order: 999
}

.module-filter .module-item .checkbox,
.module-filter .module-item .radio {
    margin-top: 0
}

.module-filter .module-item .select select {
    width: 100%
}

.module-filter .panel-body {
    overflow-x: hidden
}

.module-filter .panel-body:before,
.module-filter .panel-body:after {
    display: none
}

html[dir=rtl] .module-filter .extra-controls .currency-symbol~.currency-symbol {
    margin-inline-start: initial;
    margin-inline-end: auto
}

.btn.mobile-filter-trigger {
    position: fixed;
    bottom: var(--mobile-filter-bottom-offset, 10px);
    margin-inline-start: var(--mobile-filter-side-offset, 0);
    left: 50%;
    transform: translate3d(-50%, 0, 0) scale(var(--scale-hover, 1));
    transition: all 75ms ease, margin-bottom .3s .4s ease-out;
    z-index: 100
}

html[dir=rtl] .btn.mobile-filter-trigger {
    margin-inline-end: var(--mobile-filter-side-offset, 0)
}

html:not(.mobile-filter-active) .btn.mobile-filter-trigger {
    display: none !important
}

html {
    --desktop-top-bar: 35px;
    --slider-full-height: 100vh
}

.header-desktop-slim.has-menu-bar,
.header-desktop-compact.has-menu-bar {
    --desktop-main-menu-slider: var(--desktop-main-menu, 42px)
}

.header-desktop-slim:not(.has-menu-bar),
.header-desktop-compact:not(.has-menu-bar) {
    --desktop-main-menu: 0px
}

.header-desktop-classic,
.header-desktop-mega {
    --desktop-main-menu-slider: var(--desktop-main-menu, 42px)
}

.header-mega .mid-bar .secondary-menu:empty {
    display: none
}

.desktop-header-active {
    --slide-auto-reduction: calc(var(--desktop-top-bar, 0px) + var(--desktop-header, 0px) + var(--desktop-main-menu-slider, 0px) + var(--header-notice-height, 0px))
}

.desktop-header-active.over-content {
    --slide-auto-reduction: var(--header-notice-height, 0px)
}

.mobile-header-active {
    --slide-auto-reduction: calc(var(--mobile-bar, 0px) + var(--mobile-top-bar, 0px) + var(--mobile-search-bar, 0px) + var(--bottom-menu-height, 0px) + var(--header-notice-height, 0px))
}

.mobile-header-active.header-mobile-1 {
    --slide-auto-reduction: calc(var(--mobile-bar, 0px) + var(--mobile-top-bar, 0px) + var(--bottom-menu-height, 0px) + var(--header-notice-height, 0px))
}

.ios {
    --slider-full-height: 100svh
}

header {
    z-index: 100;
    position: relative
}

.header {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    position: relative;
    transition: background-color .07s linear
}

.header .top-bar {
    z-index: 3;
    height: var(--desktop-top-bar, 35px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: static
}

.header .top-bar>div {
    z-index: 1
}

.header .top-bar:before {
    height: var(--desktop-top-bar, 35px)
}

.header .top-menu {
    position: relative
}

.header .mid-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: var(--desktop-header, 80px);
    z-index: 2
}

.header>.desktop-main-menu-wrapper {
    z-index: 1
}

.desktop-main-menu-wrapper {
    display: flex
}

.desktop-main-menu-wrapper.menu-bar {
    height: calc(var(--desktop-main-menu, 42px) + var(--bar-padding, 0px)*2)
}

.desktop-main-menu-wrapper.menu-bar .main-menu-1 {
    z-index: 1
}

.desktop-main-menu-wrapper:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none
}

.desktop-main-menu-wrapper:after {
    z-index: -1
}

.desktop-logo-wrapper {
    border-start-start-radius: inherit;
    border-end-start-radius: inherit
}

#logo {
    height: 100%;
    max-width: var(--logo-max-width, 100%);
    transition: max-width .15s ease-out;
    border-start-start-radius: inherit;
    border-end-start-radius: inherit
}

#logo a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .075s ease-out;
    transform: none;
    border-start-start-radius: inherit;
    border-end-start-radius: inherit
}

#logo a>img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    align-self: center;
    transition: transform .15s ease-out;
    width: auto !important;
    height: auto !important;
    --scale-hover: 1
}

#logo a>img[src*=svg] {
    width: 100% !important
}

#logo a:hover>img {
    transform: scale(var(--scale-hover, 1))
}

#logo a:active>img {
    transition: transform 50ms;
    transform: scale(var(--scale-active, 1))
}

#logo h1 {
    height: 100%;
    margin: 0;
    padding: 0
}

.desktop-header-active .header-classic {
    flex-direction: column
}

.desktop-header-active .header-classic>div {
    width: 100%
}

.desktop-header-active .header-classic .mid-bar {
    justify-content: start
}

.desktop-header-active .header-classic .mid-bar>div {
    height: 100%;
    order: 5;
    display: flex;
    align-items: center
}

.desktop-header-active .header-classic .mid-bar .top-menu {
    height: auto
}

.desktop-header-active .header-classic .mid-bar .top-menu>.j-menu {
    flex-wrap: nowrap
}

.desktop-header-active .header-classic .mid-bar .secondary-menu .top-menu {
    margin: 0
}

.desktop-header-active .header-classic #logo {
    width: 100%
}

.desktop-header-active .header-classic #logo a {
    width: 100%
}

.desktop-header-active .header-classic .classic-cart-wrapper,
.desktop-header-active .header-classic .desktop-cart-wrapper {
    justify-content: flex-end
}

.desktop-header-active .header-classic .desktop-search-wrapper {
    min-width: 160px
}

.desktop-header-active .header-classic .header-cart-group {
    justify-content: flex-end
}

.desktop-header-active .header-classic .full-search #search {
    width: 100%;
    z-index: 2
}

.desktop-header-active .header-classic #cart {
    flex-grow: 1
}

.desktop-header-active .header-sm .top-menu>ul {
    margin: 0;
    flex-wrap: nowrap
}

.desktop-header-active .header-mega {
    flex-direction: column
}

.desktop-header-active .header-mega .menu-bar .main-menu-1 {
    flex-grow: 0
}

.desktop-header-active .header-mega>div {
    width: 100%
}

.desktop-header-active .header-mega .mid-bar>div {
    height: 100%;
    display: flex;
    align-items: center
}

.desktop-header-active .header-mega .mid-bar .desktop-cart-wrapper {
    height: auto
}

.desktop-header-active .header-mega .mid-bar .secondary-menu {
    flex-grow: 1
}

.desktop-header-active .header-mega .mid-bar .secondary-menu .top-menu {
    height: auto
}

.desktop-header-active .header-mega #logo {
    margin: 0 auto;
    width: 100%
}

.desktop-header-active .header-mega #logo a {
    width: 100%;
    height: 100%
}

.desktop-header-active .header-mega .desktop-search-wrapper {
    flex-grow: 1;
    justify-content: flex-end;
    display: flex;
    height: 100%
}

.desktop-header-active .header-mega .desktop-search-wrapper>div {
    width: 100%
}

.desktop-header-active .header-mega .desktop-logo-wrapper {
    margin-inline-end: auto;
    min-width: -moz-max-content;
    min-width: max-content
}

.desktop-header-active .header-mega .desktop-cart-wrapper {
    justify-content: flex-end;
    order: 5
}

.desktop-header-active .header-mega .desktop-cart-wrapper #cart,
.desktop-header-active .header-mega .desktop-cart-wrapper .cart-heading {
    height: 100%
}

.desktop-header-active .header-mega .desktop-main-menu-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.desktop-header-active .header-mega .desktop-main-menu-wrapper #main-menu-2 {
    order: 4
}

.desktop-header-active .header-mega #main-menu {
    order: -1
}

.desktop-header-active .header-mega .full-search {
    align-items: center
}

.desktop-header-active .header-compact>div {
    width: 100%
}

.desktop-header-active .header-compact .mid-bar .desktop-main-menu-wrapper:after {
    display: none
}

.desktop-header-active .header-compact .mid-bar .desktop-main-menu-wrapper .main-menu {
    display: inline-flex
}

.desktop-header-active .header-compact .desktop-logo-wrapper {
    min-width: -moz-max-content;
    min-width: max-content;
    height: 100%;
    pointer-events: none;
    display: flex
}

.desktop-header-active .header-compact .desktop-logo-wrapper #logo {
    min-width: 100%
}

.desktop-header-active .header-compact .desktop-logo-wrapper #logo a {
    pointer-events: auto
}

.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu {
    flex-wrap: nowrap
}

.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu>.j-menu>.menu-item>a {
    position: relative;
    z-index: 2
}

.desktop-header-active .header-compact .desktop-main-menu-wrapper .main-menu>.j-menu>.menu-item>.dropdown-menu {
    z-index: 3
}

.desktop-header-active .header-compact .header-cart-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-inline-start: auto;
    height: 100%
}

.desktop-header-active .header-compact .top-menu-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 0 10px
}

.desktop-header-active .header-slim .header-slim-wrapper {
    display: flex;
    flex-direction: column
}

.desktop-header-active .header-slim .mid-bar+.desktop-main-menu-wrapper {
    min-height: var(--desktop-main-menu, 100%)
}

.desktop-header-active .header-slim .header-cart-group {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.desktop-header-active .header-slim .full-search {
    display: flex;
    align-items: center;
    flex-grow: 1;
    height: 100%
}

.desktop-header-active .header-slim .full-search #search {
    width: 100%
}

.header-lg .desktop-main-menu-wrapper.menu-bar {
    padding-top: var(--bar-padding, 0);
    padding-bottom: var(--bar-padding, 0)
}

.header-lg .desktop-main-menu-wrapper.menu-bar #main-menu+.desktop-cart-wrapper {
    margin-inline-start: auto
}

.desktop-header-active .header-slim .header-slim-new .header-slim-wrapper {
    display: grid;
    grid-template-columns: var(--desktop-logo-wrapper, 250px) 1fr;
    grid-template-rows: var(--desktop-top-bar, 35px) 1fr
}

.desktop-header-active .header-slim .header-slim-new .desktop-logo-wrapper {
    grid-row: 1/3;
    z-index: 4
}

.desktop-header-active .header-slim .header-slim-new .desktop-main-menu-wrapper {
    grid-column: 1/-1
}

.desktop-header-active .header-slim .header-slim-new .top-bar {
    align-self: start;
    z-index: 3
}

.desktop-header-active .header-slim .header-slim-new .mid-bar {
    align-self: start;
    min-height: 100%
}

.desktop-header-active .header-slim .header-slim-new .desktop-logo-wrapper #logo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    width: 100%
}

.desktop-header-active .header-slim .header-slim-new .desktop-logo-wrapper #logo a {
    max-height: calc(var(--desktop-header, 80px) + var(--desktop-top-bar, 35px));
    transition: all .12s linear;
    margin-top: 0
}

.desktop-header-active .header-slim .header-slim-new .desktop-logo-wrapper #logo a img {
    width: auto
}

.desktop-header-active .header-slim .header-slim-new:before {
    content: "";
    width: 100vw;
    left: 50%;
    margin-inline-start: -50vw;
    height: 100%;
    position: absolute;
    z-index: 0
}

.boxed-layout .desktop-header-active .header-slim .header-slim-new:before {
    margin: 0;
    left: 0;
    width: 100%;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.desktop-header-active.header-sticky.sticky-default .header-slim-new .desktop-logo-wrapper #logo a {
    max-height: var(--desktop-sticky, var(--desktop-header, 80px));
    margin-top: var(--desktop-top-bar, 35px);
    transition: all .12s linear
}

.boxed-layout .header .mid-bar {
    border-top-left-radius: inherit
}

.boxed-layout .desktop-logo-wrapper {
    border-top-left-radius: inherit
}

.boxed-layout .desktop-logo-wrapper #logo {
    border-top-left-radius: inherit
}

.boxed-layout .mobile-header {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.boxed-layout .mobile-header .mobile-top-bar {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.mobile-header,
.open-close,
.mobile-bar-group {
    display: none
}

.mobile-header-active .mobile-header {
    display: block
}

.mobile-header-active .header {
    display: none
}

.top-bar .top-menu.language-currency>div,
.top-bar .top-menu.language-currency>div>div,
.top-bar .top-menu.language-currency>div>div form,
.top-bar .top-menu.language-currency>div>div .dropdown button {
    height: 100%
}

.language-currency>div>div form {
    align-items: center;
    display: flex
}

.top-menu.language-currency .dropdown.dropdown .j-menu>li>a:before {
    display: none
}

.language-currency {
    display: flex;
    align-items: center;
    height: 100%;
    pointer-events: none
}

.language-currency .language-title,
.language-currency .currency-title,
.language-currency .currency-code {
    padding: 1px
}

.language-currency>div:first-of-type:not(:only-of-type) {
    margin-inline-end: var(--language-currency-spacing, 0)
}

.language-currency .dropdown {
    pointer-events: auto
}

.language-currency .dropdown-toggle {
    padding: 5px;
    display: flex;
    align-items: center
}

.language-currency .symbol,
.language-currency .currency-symbol {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 5px
}

.language-currency .symbol img,
.language-currency .currency-symbol img {
    align-self: center
}

.language-currency button {
    background-color: transparent;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    padding: 7px 10px
}

.language-currency a {
    white-space: nowrap;
    cursor: pointer !important
}

.language-currency .dropdown>button>span {
    display: flex;
    align-items: center
}

.language-currency .dropdown-menu {
    min-width: -moz-min-content;
    min-width: min-content
}

.language-currency .dropdown-menu>ul>li {
    border-width: 1px 0 0
}

.language-currency .dropdown-menu>ul>li:first-child {
    border-top-width: 0
}

.language-currency .dropdown-menu>ul>li:before {
    display: none
}

.header-compact .language-currency {
    pointer-events: none
}

.header-compact .language-currency button {
    pointer-events: auto
}

.header-mega .language-currency {
    pointer-events: none
}

.header-mega .language-currency button {
    pointer-events: auto
}

#language,
#currency {
    display: flex;
    align-items: center
}

#language form>.dropdown,
#currency form>.dropdown {
    display: flex;
    align-items: center;
    justify-content: center
}

#language button,
#currency button {
    flex-direction: row
}

.language-flag-title .symbol,
.language-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 18px;
    margin-inline-end: 4px;
    background-repeat: no-repeat;
    background-position: center center
}

.language img,
.language-flag img {
    max-width: none;
    align-self: center
}

.currency-code,
.currency-code-dropdown {
    display: none
}

.currency-select,
.language-select {
    display: flex;
    align-items: center
}

.header-search {
    height: 100%
}

.header-search input {
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background: #fff !important;
    padding: 0 12px
}

.header-search input:focus {
    box-shadow: none;
    outline: none
}

.header-search>span {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    position: static !important
}

.header-search>span .tt-hint {
    display: none
}

.header-search>button:before {
    content: "";
    font-family: icomoon
}

.header-search>* {
    order: 5
}

.full-search #search {
    max-height: 100%
}

.full-search #search>.j-dropdown {
    display: block
}

.mobile-header.mobile-1 #search:not(.open) .j-dropdown {
    pointer-events: none
}

.mobile-header.mobile-1 #search.animating:before {
    content: "";
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    z-index: -1;
    --mobile-1-height: inherit;
    --mobile-top-bar: inherit;
    top: calc(var(--mobile-1-height, 0px) + var(--top-offset, 0px) + var(--header-notice-height, 0px))
}

.mobile-sticky .mobile-header.mobile-1 #search.animating:before {
    top: calc(var(--mobile-1-height, 0px) - var(--mobile-top-bar, 35px) + var(--top-offset, 0px))
}

.mini-search {
    height: 100%
}

.mini-search .search-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: all .075s ease-out;
    background-color: transparent;
    --width: auto;
    width: var(--width)
}

.mini-search #search {
    align-items: center;
    justify-content: center;
    height: 100%
}

.mini-search #search>.dropdown-menu {
    left: auto;
    right: 0;
    width: -moz-available;
    width: -webkit-fill-available;
    width: stretch
}

.mini-search #search>.dropdown-menu:before {
    left: 100%;
    transform: translate3d(calc(-100% - 5px + var(--triangle-left-offset, 0px)), 0, 0)
}

.mini-search .menu-icon {
    display: flex;
    flex-direction: column;
    line-height: 1
}

.mini-search .menu-icon:after {
    font-size: 11px;
    transform: translate3d(var(--offset-x, 0), var(--offset-y, 0), 0)
}

.mini-search .header-search {
    display: flex;
    max-width: 100%
}

.mini-search .header-search input {
    min-width: 150px
}

.mini-search .search-button {
    min-width: 40px;
    background-color: inherit
}

.mini-search .menu-icon {
    transition: all .1s ease-out
}

.mini-search:hover .menu-icon {
    transform: scale(var(--scale-hover, 1))
}

.mini-search:active .menu-icon {
    transform: scale(var(--scale-active, 1))
}

.mini-search .search-categories-button {
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-header-active .mobile-2 .search-trigger,
.mobile-header-active .mobile-3 .search-trigger {
    display: none
}

.mobile-header-active .mini-search #search>.dropdown-menu {
    max-width: 100%;
    left: 0
}

.mobile-header-active .mini-search #search>.dropdown-menu:before {
    --element-offset: inherit;
    --element-width: inherit;
    left: calc(var(--element-offset, 0px) + var(--element-width, 0px)/2);
    transform: translate3d(calc(-100% - 2px + var(--triangle-left-offset, 0px)), 0, 0)
}

.mobile-search-wrapper.full-search .header-search input {
    width: 100%
}

.search-page-open .header-compact .top-bar {
    z-index: 1
}

.search-page.desktop-header-active .mini-search>#search>.j-dropdown:before {
    display: none !important
}

.full-search #search {
    height: 40px
}

.full-search #search>.dropdown-menu {
    z-index: 1;
    position: relative;
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    padding: 0;
    margin: 0;
    min-width: initial;
    width: 100%;
    height: 100%;
    top: auto
}

.full-search #search>.dropdown-menu:before {
    display: none !important
}

.full-search .header-search {
    display: flex;
    align-items: center
}

.full-search .header-search>span {
    flex-grow: 1
}

.search-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    min-width: 40px;
    height: 100%;
    border-radius: 0;
    font-size: 20px;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.search-categories-button {
    padding: 0 10px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: var(--max-width, 100%);
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    display: flex;
    align-items: center;
    cursor: default;
    height: 100%
}

.search-categories-button a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit !important
}

.search-categories-button:after {
    position: relative;
    margin-inline-start: 7px;
    content: "";
    font-size: 11px;
    font-family: icomoon
}

.search-categories {
    height: 100%;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    display: flex;
    align-items: center;
    transition: all .075s ease-out
}

.search-categories .j-dropdown div {
    overflow: hidden
}

.search-categories .j-dropdown ul {
    max-height: 350px;
    width: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: inherit;
    background: #fff;
    -webkit-overflow-scrolling: touch
}

.search-categories .j-dropdown ul>li {
    font-size: 13px;
    width: 100%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    position: relative
}

.search-categories .j-dropdown ul>li a {
    cursor: pointer;
    padding-inline-start: 15px
}

.search-categories .j-dropdown ul>li.category-level-1 a:before {
    display: none
}

.search-categories .j-dropdown ul>li.category-level-4 a {
    padding-inline-start: 35px
}

.search-categories .j-dropdown ul>li.category-level-3 a {
    padding-inline-start: 25px
}

.search-categories .j-dropdown ul>li.category-level-2 a {
    padding-inline-start: 15px
}

.search-result:hover {
    z-index: 1
}

.search-result.no-results>a {
    padding: 16px
}

.search-results-empty {
    padding: 10px 15px
}

.tt-menu {
    width: 100%
}

.mobile-header .tt-menu {
    overflow: hidden
}

.tt-menu>div {
    max-height: 350px;
    overflow-y: auto;
    background-color: #fff;
    margin-inline-start: auto;
    display: grid;
    gap: var(--item-gap, 0);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--item-width, 100%)), 1fr))
}

.tt-menu>div>div>a {
    transition: all .075s ease-out
}

.tt-menu:not(.tt-empty):before {
    content: "";
    width: 0;
    height: 0;
    --triangle-size: 10px;
    border: var(--triangle-size, 10px) solid transparent;
    border-bottom-color: #fff;
    pointer-events: none;
    margin: calc(-10px + var(--triangle-top-distance, 0px)) calc(var(--triangle-size, 0px)/2) 0 calc(var(--triangle-size, 0px)/2);
    display: block
}

.search-result {
    position: relative
}

.search-result>a {
    padding: 8px;
    display: flex;
    border-width: 1px 0 0;
    border-style: none;
    font-size: 14px;
    height: 100%
}

.search-result>a img {
    -o-object-fit: contain;
    object-fit: contain
}

.search-result>a>span {
    flex: 1;
    padding: 0 5px 5px 10px;
    display: flex;
    flex-direction: column
}

.search-result:not(.view-more)>a:after {
    content: "";
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.search-result:first-child>a {
    border-top-width: 0
}

.search-result .button-group {
    align-self: center;
    margin-inline-start: auto;
    display: none
}

.search-result .product-name {
    line-height: 1.2;
    margin-bottom: 4px
}

.search-result .product-name+span {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    line-height: 1
}

.search-result .price-new {
    position: relative;
    order: -1
}

.search-result .price-old {
    font-size: 90%;
    border-radius: 3px
}

.search-result.view-more {
    grid-column: 1/-1
}

.search-result.view-more a {
    padding: 8px 15px;
    align-items: center
}

.search-result.view-more a:after {
    margin-inline-start: 5px;
    overflow: hidden
}

.mobile-header-active .mobile-2 .mobile-search-group {
    padding: 0
}

.mobile-header-active .mobile-2 .mobile-search-group .mobile-search-wrapper {
    padding: var(--mobile-search-padding, 5px);
    padding-top: var(--mobile-search-padding-top, var(--mobile-search-padding, 5px));
    padding-bottom: var(--mobile-search-padding-bottom, var(--mobile-search-padding, 5px))
}

.mobile-header-active .mobile-2 #search>.dropdown-menu {
    padding: 0
}

#cart {
    transition: all .1s ease-out, transform 50ms ease;
    height: 100%;
    display: flex;
    align-items: center
}

#cart>a {
    position: relative;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: all .1s ease-out;
    max-height: 100%;
    height: var(--size, 40px);
    border-radius: inherit;
    text-decoration: none !important
}

#cart>a>span {
    color: inherit
}

#cart>a:hover {
    color: inherit;
    transform: scale(var(--scale-hover, 1))
}

#cart>a:active {
    transform: scale(var(--scale-active, 1))
}

#cart>a>em {
    font-family: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: var(--size, 40px);
    height: 100%;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

#cart>a>em .cart-label {
    position: relative;
    font-size: 80%;
    padding: 0 5px;
    transition: all .1s ease-out
}

#cart>a>em:before {
    transition: all .1s ease-out;
    color: inherit
}

#cart>a:after {
    display: none !important
}

.desktop-main-menu-wrapper .desktop-cart-wrapper {
    display: inline-flex;
    align-items: center
}

.desktop-main-menu-wrapper .desktop-cart-wrapper #cart {
    height: auto
}

.mobile #cart .cart-label {
    display: none
}

#cart-items {
    z-index: 1;
    margin: var(--margin-top, 0) 0 0 0;
    position: absolute;
    transform: translate3d(calc(75% + var(--x, 0px)), calc(-100% + var(--y, 0px)), 0)
}

#cart-total {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    padding-inline: 12px
}

#cart-total .cart-title {
    display: block
}

#cart-content:before {
    left: 100%;
    transform: translateX(-150%);
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px)
}

html[dir=rtl] #cart-content:before {
    left: auto;
    right: 100%;
    transform: translateX(150%);
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px)
}

.cart-content {
    right: 0;
    left: auto;
    padding-top: 0;
    --cart-table-spacing: 8px;
    font-size: 13px
}

.cart-content .cart-empty {
    padding: 20px;
    margin: var(--cart-table-spacing);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.cart-content .cart-empty:before {
    line-height: 1
}

.cart-content>ul {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.cart-content>ul .cart-products {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.cart-content>ul .cart-totals {
    position: relative;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background-color: #f4f4f4
}

.cart-content .cart-buttons {
    padding: calc(var(--cart-buttons-gap, 0)/2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-width: 1px 0 0;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.cart-content .cart-buttons a {
    min-width: -moz-min-content;
    min-width: min-content;
    margin: calc(var(--cart-buttons-gap, 0)/2)
}

.cart-content img {
    max-width: 100%;
    height: auto
}

.cart-content table {
    margin-bottom: 0 !important;
    border-style: none !important
}

.cart-content .cart-products {
    overflow-x: hidden
}

.cart-content .cart-products table {
    border-bottom-width: 0 !important;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.cart-content .cart-products tbody>tr:nth-of-type(odd) {
    background-color: transparent
}

.cart-content .cart-products tbody>tr:first-of-type>td {
    border-top: 0 !important
}

.cart-content .cart-products tbody>tr>td {
    padding: var(--cart-table-spacing-v, var(--cart-table-spacing)) var(--cart-table-spacing) !important;
    border-width: 1px 0 0;
    background-color: transparent
}

.cart-content .cart-products tbody .td-image a {
    min-width: 50px;
    display: block
}

.cart-content .cart-products tbody .td-name {
    vertical-align: middle
}

.cart-content .cart-products tbody .td-name a {
    display: block
}

.cart-content .cart-products tbody .td-name a+br {
    display: none
}

.cart-content .cart-products tbody .td-name span {
    display: inline-block;
    margin-top: 3px
}

.cart-content .cart-products tbody .td-name small {
    display: inline-flex;
    align-items: center
}

.cart-content .cart-products tbody .td-name small:before {
    content: "•";
    margin: 0 3px
}

.cart-content .cart-products tbody .td-qty {
    white-space: nowrap;
    padding: 0 !important
}

.cart-content .cart-products tbody .td-remove {
    padding: 7px 5px;
    min-width: 32px
}

.cart-content .cart-products tbody .td-remove button {
    color: #999;
    position: relative;
    background-color: transparent;
    padding: 2px 0 0
}

.cart-content .cart-products tbody .td-remove button i {
    float: left
}

.cart-content .cart-products tbody .td-remove button:hover {
    color: #ea2349
}

.cart-content .cart-totals {
    border-width: 1px 0 0;
    z-index: 2
}

.cart-content .cart-totals tbody td {
    border-width: 1px 0 0;
    padding: 5px
}

.cart-content .cart-totals .td-total-text {
    width: 25%;
    white-space: nowrap
}

.cart-content .table-bordered {
    border-width: 0
}

.desktop-header-active .mobile-cart-content-container .cart-content ul {
    height: 100%;
    box-shadow: none;
    border-radius: 0
}

.desktop-header-active .mobile-cart-content-container .cart-content ul .cart-products {
    max-height: 100%
}

.desktop-header-active .mobile-cart-content-container .cart-content ul .cart-totals {
    margin-top: auto
}

.desktop-main-menu-wrapper {
    max-width: 100%
}

.desktop-main-menu-wrapper.menu-bar {
    position: relative
}

.desktop-main-menu-wrapper.menu-bar .main-menu-item>.j-dropdown {
    padding-top: var(--bar-padding-dropdown, 0px)
}

.desktop-main-menu-wrapper .main-menu {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    scrollbar-width: none
}

.desktop-main-menu-wrapper .main-menu::-webkit-scrollbar {
    display: none
}

.desktop-main-menu-wrapper .main-menu .main-menu-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 calc(var(--menu-item-gap, 0px)/2)
}

.desktop-main-menu-wrapper .main-menu .main-menu-item>a {
    border-width: 0 0 0 1px;
    justify-content: center
}

.desktop-main-menu-wrapper .main-menu .main-menu-item:first-of-type {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    padding-inline-start: 0
}

.desktop-main-menu-wrapper .main-menu .main-menu-item:first-of-type>a {
    border-left-width: 0;
    border-radius: inherit
}

.desktop-main-menu-wrapper .main-menu .main-menu-item:last-of-type {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    padding-inline-end: 0
}

.desktop-main-menu-wrapper .main-menu .main-menu-item:last-of-type>a {
    border-right-width: 0;
    border-radius: inherit
}

.desktop-main-menu-wrapper .main-menu>.j-menu {
    border-radius: inherit;
    flex-wrap: nowrap;
    z-index: 1
}

.desktop-main-menu-wrapper .main-menu>.j-menu>li>a {
    height: 100%
}

.desktop-main-menu-wrapper .main-menu>.j-menu>li>a .links-text {
    width: 100%;
    display: flex;
    align-items: center
}

.desktop-main-menu-wrapper.menu-stretch .main-menu {
    flex-wrap: nowrap;
    flex-grow: 1
}

.desktop-main-menu-wrapper.menu-stretch .main-menu>ul {
    width: 100%
}

.desktop-main-menu-wrapper.menu-stretch .main-menu>ul>li {
    flex-grow: 1
}

.desktop-main-menu-wrapper.menu-center {
    text-align: center
}

.desktop-main-menu-wrapper.menu-center .main-menu {
    margin: 0 auto;
    display: inline-flex
}

.desktop-main-menu-wrapper.has-menu-2 {
    display: flex
}

html[dir=rtl] .desktop-main-menu-wrapper .main-menu .main-menu-item:last-child {
    padding-inline-start: 0;
    padding-inline-end: calc(var(--menu-item-gap, 0px)/2)
}

html[dir=rtl] .desktop-main-menu-wrapper .main-menu .main-menu-item>a {
    border-width: 0 1px 0 0
}

html[dir=rtl] .desktop-main-menu-wrapper .main-menu .main-menu-item:first-child {
    padding-inline-end: 0;
    padding-inline-start: calc(var(--menu-item-gap, 0px)/2)
}

html[dir=rtl] .desktop-main-menu-wrapper .main-menu .main-menu-item:first-child>a {
    border-right-width: 0
}

.flyout .flyout-menu-item:first-child,
.flyout .flyout-menu-item:first-child>a {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.flyout .flyout-menu-item:last-child,
.flyout .flyout-menu-item:last-child>a {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.flyout .flyout-menu-item.mega-menu>.dropdown-menu {
    inset-inline-start: calc(100% - var(--dropdown-padding, 0px))
}

.flyout>.dropdown-menu {
    min-width: var(--element-width, auto)
}

.flyout>.dropdown-menu>.flyout-menu {
    min-width: 100%;
    max-width: var(--dropdown-width-main-menu, var(--dropdown-width, 100%))
}

.mega-menu-content:before {
    --triangle-size-overlay: calc(var(--triangle-size, 0px) + var(--triangle-top-distance, 0px));
    content: "";
    inset: 0;
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    display: none
}

.desktop-main-menu-wrapper.menu-center #main-menu {
    margin: 0 auto
}

.desktop-main-menu-wrapper [id*=main-menu]>.j-menu>.mega-menu>.j-dropdown>.mega-menu-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - (var(--mega-menu-top-offset, 0px) + var(--element-height, 0px) + var(--dropdown-triangle, 0px)))
}

.desktop-main-menu-wrapper .main-menu .mega-menu .mega-menu-content {
    width: 100%;
    margin: 0 auto
}

.desktop-main-menu-wrapper .main-menu .mega-menu .grid-cols-wrapper {
    max-width: 100%
}

.desktop-main-menu-wrapper .main-menu .mega-fullwidth {
    position: static
}

.desktop-main-menu-wrapper .main-menu .mega-fullwidth>.j-dropdown:before {
    --element-offset: inherit;
    --scroll-offset: inherit;
    --element-width: inherit;
    --mega-menu-full-offset: inherit;
    --gutter: 0px;
    transform: translate3d(-100%, 0, 0);
    left: calc((var(--element-offset, 0px) + (var(--element-width, 0px)/2)) - var(--scroll-offset, 0px) - var(--gutter, 0px) + var(--triangle-left-offset, 0px))
}

.desktop-main-menu-wrapper .main-menu .mega-fullwidth:first-child>.j-dropdown:before {
    transform: none;
    left: calc((var(--element-offset, 0px) + (var(--element-width, 0px)/2)) - var(--scroll-offset, 0px) - var(--gutter, 0px) - var(--menu-item-gap, 0px) + var(--triangle-left-offset, 0px))
}

.desktop-main-menu-wrapper .main-menu .mega-fullwidth:last-child>.j-dropdown:before {
    transform: translate3d(-100%, 0, 0);
    left: calc((var(--element-offset, 0px) + (var(--element-width, 0px)/2)) - var(--scroll-offset, 0px) - var(--gutter, 0px) + var(--menu-item-gap, 0px)/2 + var(--triangle-left-offset, 0px))
}

.desktop-main-menu-wrapper .main-menu .menu-fullwidth .mega-menu-content {
    max-width: 100%
}

.desktop-main-menu-wrapper .main-menu .menu-fullwidth .mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
    max-width: min(calc(100% - var(--gutter, 0px)*2), calc(var(--max-width, var(--content-max-width, 100%)) - var(--gutter, 0px)*2))
}

.desktop-main-menu-wrapper .main-menu .menu-fullwidth>.j-dropdown {
    padding-top: var(--padding, var(--bar-padding-dropdown, 0px))
}

.desktop-main-menu-wrapper .main-menu .menu-fullwidth>.j-dropdown:before {
    left: calc((var(--mega-menu-full-offset, 0px) + (var(--element-width, 0px)/2)) - var(--scroll-offset, 0px) - var(--gutter, 0px) + var(--triangle-left-offset, 0px));
    transform: translate3d(-100%, 0, 0)
}

.desktop-main-menu-wrapper .main-menu .menu-fullwidth:first-child>.j-dropdown:before {
    left: calc((var(--mega-menu-full-offset, 0px) + (var(--element-width, 0px)/2)) - var(--scroll-offset, 0px) - var(--gutter, 0px) - var(--menu-item-gap, 0px) + var(--triangle-left-offset, 0px))
}

.desktop-main-menu-wrapper .main-menu .menu-fullwidth:last-child>.j-dropdown:before {
    left: calc((var(--mega-menu-full-offset, 0px) + (var(--element-width, 0px)/2)) - var(--scroll-offset, 0px) - var(--gutter, 0px) + var(--menu-item-gap, 0px)/4 + var(--triangle-left-offset, 0px))
}

.desktop-main-menu-wrapper .main-menu .mega-custom {
    position: relative
}

.desktop-main-menu-wrapper .main-menu .mega-custom>.j-dropdown {
    width: var(--width, 500px)
}

.desktop-main-menu-wrapper .main-menu .mega-custom>.j-dropdown:before {
    --element-offset: inherit;
    --scroll-offset: inherit;
    --element-width: inherit;
    --mega-menu-full-offset: inherit;
    --gutter: 0px;
    transform: translate3d(-50%, 0, 0)
}

html[dir=rtl] .desktop-main-menu-wrapper .main-menu .mega-fullwidth>.j-dropdown:before {
    transform: translate3d(100%, 0, 0);
    left: auto;
    right: calc((var(--element-offset, 0px) + (var(--element-width, 0px)/2)) - var(--scroll-offset, 0px) - var(--gutter, 0px))
}

html[dir=rtl] .desktop-main-menu-wrapper .main-menu .menu-fullwidth .mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
    left: auto;
    right: calc(var(--scrollW, 0px)/2)
}

html[dir=rtl] .desktop-main-menu-wrapper .main-menu .menu-fullwidth>.j-dropdown:before {
    --mega-menu-full-offset: inherit;
    left: auto;
    right: calc((var(--mega-menu-full-offset, 0px) + (var(--element-width, 0px)/2)) - var(--scroll-offset, 0px) - var(--gutter, 0px) - var(--scrollW, 0px))
}

.no-touchevents .main-menu .main-menu-item.mega-menu:hover:first-child:before {
    content: "";
    --element-width: inherit;
    position: absolute;
    width: calc(var(--element-width, 50px));
    height: 100%;
    transform: translate3d(-100%, 0, 0)
}

.no-touchevents .main-menu .main-menu-item.mega-menu:hover:last-child:after {
    content: "";
    --element-width: inherit;
    position: absolute;
    width: calc(var(--element-width, 50px));
    height: 100%;
    transform: translate3d(calc(var(--element-width, 50px)), 0, 0)
}

html[dir=rtl].no-touchevents .header-sm .menu-bar .main-menu-item.mega-menu:first-child:before {
    transform: translate3d(100%, 0, 0)
}

html[dir=rtl].no-touchevents .header-sm .menu-bar .main-menu-item.mega-menu:last-child:after {
    transform: translate3d(calc(var(--element-width, 50px)*-1), 0, 0)
}

.header-sm .menu-bar>.main-menu-1 {
    background: inherit
}

@keyframes overlay {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.site-overlay {
    z-index: -10;
    position: fixed;
    width: 100%;
    height: 100vh;
    inset: 0;
    top: calc(var(--header-notice-height, 0px) + var(--site-overlay-offset, 0px));
    pointer-events: none;
    background-color: #000;
    animation: overlay .3s ease;
    transition: opacity .15s .1s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.site-overlay.boxed-layout .site-overlay {
    display: none !important
}

.desktop-header-active .menu-hover .site-overlay {
    opacity: 0;
    visibility: hidden;
    display: none
}

.desktop-header-active .menu-trigger {
    display: none !important;
    transition: all 50ms ease-out;
    z-index: 2
}

.desktop-header-active .menu-trigger ul,
.desktop-header-active .menu-trigger li {
    height: 100%
}

.desktop-header-active .menu-trigger a {
    cursor: pointer !important;
    justify-content: flex-start;
    border-width: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    text-decoration: none !important;
    transition: all 80ms ease-out;
    white-space: nowrap
}

.desktop-header-active .menu-trigger .links-text {
    transition: inherit
}

.desktop-header-active .desktop-main-menu-wrapper.menu-top {
    align-items: center
}

.desktop-header-active .desktop-main-menu-wrapper.menu-top>.menu-trigger {
    padding-inline-start: 0;
    padding-inline-end: 0
}

.desktop-header-active .header .mid-bar>.main-menu-2:not(:has(.main-menu)) {
    display: none
}

.desktop-header-active .menu-bar:not(:has(.main-menu)) {
    display: none !important
}

.desktop-header-active.mobile-menu-active .menu-trigger {
    display: inline-flex !important;
    min-height: 100%;
    margin-inline-end: auto;
    margin-inline-start: 0
}

html[dir=rtl] .desktop-header-active.mobile-menu-active .menu-trigger {
    margin-inline-start: auto;
    margin-inline-end: 0
}

.desktop-header-active.mobile-menu-1-active .global-wrapper #main-menu {
    display: none !important
}

.desktop-header-active.mobile-menu-2-active .global-wrapper #main-menu-2 {
    display: none !important
}

.desktop-header-active.mobile-menu-2-active:not(.mobile-menu-1-active) .has-menu-2 .menu-trigger {
    order: 2;
    margin: 0 0 0 auto
}

.main-menu-1 {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    flex-grow: 1;
    min-width: 0
}

.main-menu-1>.main-menu>ul {
    flex-grow: 1
}

.main-menu-2 {
    display: inline-flex;
    align-items: center;
    min-width: 0
}

.desktop-main-menu-wrapper .main-menu>.j-menu>li>a .count-badge {
    --menu-badge-y: -100%
}

.desktop-main-menu-wrapper .menu-bar>div>.main-menu>.j-menu>li>a .count-badge {
    --count-badge-y: -100%
}

.desktop-main-menu-wrapper .main-menu>.j-menu>.main-menu-item.dropdown>.j-dropdown {
    top: calc(50% + var(--element-height, 0px)/2)
}

.desktop-main-menu-wrapper .main-menu>.j-menu>.main-menu-item.dropdown>.j-dropdown:before {
    --menu-item-gap: inherit
}

.header-sticky.header-desktop-compact .mid-bar .main-menu>.j-menu>.main-menu-item.dropdown>.j-dropdown {
    top: calc(50% + var(--element-height-sticky, var(--element-height, 0px))/2)
}

.menu-1-scroll .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown {
    position: static;
    --translate-x: -100%;
    --align-scroll-start: calc((var(--element-offset, 0px)) - var(--scroll-offset, 0px) + var(--menu-item-gap, 0px)/2);
    --align-scroll-center: calc(var(--element-offset, 0px) - var(--scroll-offset, 0px) + var(--element-width, 0px)/2);
    --align-scroll-end: calc(var(--element-offset, 0px) - var(--scroll-offset, 0px) + var(--element-width, 0px) - (var(--menu-item-gap, 0px)/2))
}

.menu-1-scroll .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown>.j-dropdown {
    min-width: var(--element-width, auto)
}

.menu-1-scroll .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown>.j-dropdown:before {
    --menu-item-gap: inherit
}

.menu-1-scroll .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown:first-child {
    --align-scroll-start: calc((var(--element-offset, 0px)) - var(--scroll-offset, 0px));
    --align-scroll-center: calc(var(--element-offset, 0px) - var(--scroll-offset, 0px) + var(--element-width, 0px)/2 - var(--menu-item-gap, 0px)/4)
}

.menu-1-scroll .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown:last-child {
    --align-scroll-center: calc(var(--element-offset, 0px) - var(--scroll-offset, 0px) + var(--element-width, 0px)/2 + var(--menu-item-gap, 0px)/4)
}

.menu-1-scroll .desktop-main-menu-wrapper #main-menu .main-menu-item.drop-menu>.j-dropdown,
.menu-1-scroll .desktop-main-menu-wrapper #main-menu .main-menu-item.mega-custom>.j-dropdown {
    transform: translate3d(var(--translate-x), var(--dropdown-from), 0) !important
}

.menu-2-scroll .desktop-main-menu-wrapper #main-menu-2 .main-menu-item.dropdown {
    position: static;
    --translate-x: -100%;
    --align-scroll-start: calc((var(--element-offset, 0px)) - var(--scroll-offset, 0px) + var(--menu-item-gap, 0px)/2);
    --align-scroll-center: calc(var(--element-offset, 0px) - var(--scroll-offset, 0px) + var(--element-width, 0px)/2);
    --align-scroll-end: calc(var(--element-offset, 0px) - var(--scroll-offset, 0px) + var(--element-width, 0px) - (var(--menu-item-gap, 0px)/2))
}

.menu-2-scroll .desktop-main-menu-wrapper #main-menu-2 .main-menu-item.dropdown>.j-dropdown:before {
    --menu-item-gap: inherit
}

.menu-2-scroll .desktop-main-menu-wrapper #main-menu-2 .main-menu-item.dropdown:first-child {
    --align-scroll-start: calc((var(--element-offset, 0px)) - var(--scroll-offset, 0px))
}

.menu-2-scroll .desktop-main-menu-wrapper #main-menu-2 .main-menu-item.dropdown:last-child {
    --align-scroll-center: calc(var(--element-offset, 0px) - var(--scroll-offset, 0px) + var(--element-width, 0px)/2 + var(--menu-item-gap, 0px)/4)
}

.menu-2-scroll .desktop-main-menu-wrapper #main-menu-2 .main-menu-item.drop-menu>.j-dropdown,
.menu-2-scroll .desktop-main-menu-wrapper #main-menu-2 .main-menu-item.mega-custom>.j-dropdown {
    transform: translate3d(var(--translate-x), var(--dropdown-from), 0) !important
}

.menu-1-scroll .desktop-main-menu-wrapper #main-menu.main-menu .main-menu-item.dropdown:not(.mega-fullwidth)>.dropdown-menu.j-dropdown {
    left: var(--align-scroll, 0)
}

.menu-2-scroll .desktop-main-menu-wrapper #main-menu-2.main-menu .main-menu-item.dropdown:not(.mega-fullwidth)>.dropdown-menu.j-dropdown {
    left: var(--align-scroll, 0)
}

html[dir=rtl].menu-1-scroll .desktop-main-menu-wrapper .main-menu-item.dropdown {
    --translate-x: 100%
}

html[dir=rtl].menu-1-scroll .desktop-main-menu-wrapper #main-menu.main-menu .main-menu-item.dropdown:not(.mega-fullwidth)>.dropdown-menu.j-dropdown {
    left: auto;
    right: var(--align-scroll, 0)
}

html[dir=rtl].menu-2-scroll .desktop-main-menu-wrapper .main-menu-item.dropdown {
    --translate-x: 100%
}

html[dir=rtl].menu-2-scroll .desktop-main-menu-wrapper #main-menu-2.main-menu .main-menu-item.dropdown:not(.mega-fullwidth)>.dropdown-menu.j-dropdown {
    left: auto;
    right: var(--align-scroll, 0)
}

.desktop-main-menu-wrapper.menu-bar {
    transition: padding .2s linear, margin .2s linear, height .2s linear
}

.desktop-header-active header {
    transition: padding-bottom var(--header-transition, .25s)
}

.desktop-header-active header+* {
    transition: margin-top var(--header-transition, .25s)
}

.desktop-header-active header .mid-bar {
    transition: height var(--header-transition, .25s)
}

.desktop-header-active.sticky-full header {
    position: sticky;
    top: 0
}

.desktop-header-active.sticky-default header {
    position: sticky;
    top: calc(0px - var(--desktop-top-bar, 35px))
}

.desktop-header-active.sticky-menu header {
    position: sticky;
    top: calc(0px - (var(--desktop-top-bar, 35px) + var(--desktop-header, 80px)))
}

.desktop-header-active.header-sticky:not(.sticky-menu) header {
    padding-bottom: calc(var(--desktop-header, 80px) - var(--desktop-sticky));
    pointer-events: none
}

.desktop-header-active.header-sticky:not(.sticky-menu) header .mid-bar {
    height: var(--desktop-sticky, var(--desktop-header, 80px))
}

.desktop-header-active.header-sticky:not(.sticky-menu) header .header,
.desktop-header-active.header-sticky:not(.sticky-menu) header .mobile-header {
    pointer-events: auto
}

.mobile-header-active.mobile-sticky-full header {
    position: sticky;
    top: 0
}

.mobile-header-active.mobile-sticky-default header {
    position: sticky;
    top: calc(0px - var(--mobile-top-bar, 35px))
}

.mobile-header-active.header-mobile-3.mobile-sticky-default header {
    position: sticky;
    top: calc(0px - var(--mobile-top-bar, 35px) - var(--mobile-bar, 50px))
}

.mobile-header-active .desktop-mobile-main-menu-container {
    display: none !important
}

.mobile-header-active .mobile-header {
    max-width: 100vw;
    width: 100%;
    transition: background-color .1s ease-out
}

.mobile-header-active .mobile-header .mobile-top-bar {
    height: var(--mobile-top-bar, 35px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

.mobile-header-active .mobile-header .mobile-top-menu-wrapper {
    display: flex;
    align-items: center
}

.mobile-header-active .mobile-header .mobile-top-menu-wrapper>.top-menu {
    width: 100%
}

.mobile-header-active .dropdown-backdrop {
    display: none;
    pointer-events: none
}

.mobile-header-active #cart {
    background: 0 0 !important
}

.mobile-header-active #cart .cart-label {
    display: none
}

.mobile-header-active #cart a {
    background: inherit;
    border-radius: inherit
}

.mobile-header-active #cart a em {
    background: 0 0
}

.mobile-header-active #search>.dropdown-menu {
    padding: var(--mobile-search-padding, 7px);
    padding-top: var(--mobile-search-padding-top, var(--mobile-search-padding, 7px))
}

.mobile-header-active #search .header-search {
    height: var(--mobile-search-bar, 40px)
}

.mobile-header-active .mobile-2 .mobile-search-wrapper {
    height: var(--mobile-search-bar, 50px)
}

.mobile-header-active .mobile-2 #search .header-search {
    height: 100%
}

.mobile-header-active .mobile-bar :before {
    line-height: 1.1
}

.mobile-custom-menu {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 8px
}

.mobile-custom-menu .links-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.mobile-custom-menu .count-badge {
    position: absolute;
    transform: translate3d(calc(var(--badge-offset, 75%) + var(--x, 0px)), calc(-100% + var(--y, 0px)), 0);
    margin-top: var(--margin-top, 0px)
}

.mobile-header #cart-items {
    transform: translate3d(calc(var(--badge-offset, 75%) + var(--x, 0px)), calc(-100% + var(--y, 0px)), 0)
}

.mobile-header.mobile-3 #search>.dropdown-menu {
    padding-inline-start: calc(var(--mobile-search-padding, 0px)/2);
    padding-inline-end: calc(var(--mobile-search-padding, 0px)/2)
}

html[dir=rtl] .mobile-header {
    --badge-offset: -75%
}

.mobile-3 .menu-trigger {
    min-height: 40px
}

.mobile-header .mobile-secondary-menu {
    padding: 0
}

.mobile-secondary-menu,
.mobile-wrapper-top-menu {
    max-width: 100%;
    padding: 0
}

.mobile-secondary-menu .top-menu,
.mobile-wrapper-top-menu .top-menu {
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none
}

.mobile-secondary-menu .top-menu::-webkit-scrollbar,
.mobile-wrapper-top-menu .top-menu::-webkit-scrollbar {
    display: none
}

.mobile-secondary-menu .top-menu>.j-menu,
.mobile-wrapper-top-menu .top-menu>.j-menu {
    position: static;
    flex-wrap: nowrap
}

.mobile-secondary-menu .top-menu>.j-menu>li>a,
.mobile-wrapper-top-menu .top-menu>.j-menu>li>a {
    align-items: center;
    justify-content: center
}

.mobile-secondary-menu .top-menu>.j-menu>li.dropdown,
.mobile-wrapper-top-menu .top-menu>.j-menu>li.dropdown {
    position: static;
    --translate-x: -100%;
    --align-scroll-start: calc((var(--element-offset, 0px)) - var(--scroll-offset, 0px) + var(--menu-item-gap, 0px)/2);
    --align-scroll-center: calc(var(--element-offset, 0px) - var(--scroll-offset, 0px) + var(--element-width, 0px)/2);
    --align-scroll-end: calc(var(--element-offset, 0px) - var(--scroll-offset, 0px) + var(--element-width, 0px) - (var(--menu-item-gap, 0px)/2) - var(--content-gutter, 0px));
    --align-scroll: var(--align-scroll-start)
}

.mobile-secondary-menu .top-menu>.j-menu>li.dropdown>.j-dropdown,
.mobile-wrapper-top-menu .top-menu>.j-menu>li.dropdown>.j-dropdown {
    left: var(--align-scroll, 0) !important;
    transform: translate3d(var(--translate-x), var(--dropdown-from), 0) !important
}

.mobile-secondary-menu .top-menu>.j-menu>li.dropdown>.j-dropdown:before,
.mobile-wrapper-top-menu .top-menu>.j-menu>li.dropdown>.j-dropdown:before {
    --menu-item-gap: inherit
}

.mobile-secondary-menu .top-menu>.j-menu>li.dropdown:first-child,
.mobile-wrapper-top-menu .top-menu>.j-menu>li.dropdown:first-child {
    --align-scroll-start: calc((var(--element-offset, 0px)) - var(--scroll-offset, 0px));
    --align-scroll-center: calc(var(--element-offset, 0px) - var(--scroll-offset, 0px) + var(--element-width, 0px)/2 - var(--menu-item-gap, 0px)/4)
}

.mobile-secondary-menu .top-menu>.j-menu>li.dropdown:last-child,
.mobile-wrapper-top-menu .top-menu>.j-menu>li.dropdown:last-child {
    --align-scroll-center: calc(var(--element-offset, 0px) - var(--scroll-offset, 0px) + var(--element-width, 0px)/2 + var(--menu-item-gap, 0px)/4)
}

.mobile-top-bar .top-menu,
.mobile-top-bar .language-currency {
    height: auto
}

html[dir=rtl] .mobile-1 .mobile-bar-group {
    margin-inline-start: 0;
    margin-inline-end: auto
}

.mobile-main-menu-container .mobile-main-menu-wrapper .j-menu>.dropdown>a:after {
    display: none !important
}

html[dir=rtl] .mobile-header .language-currency.top-menu>div:last-child .dropdown.drop-menu.animating>.j-dropdown {
    right: auto
}

.desktop-mobile-main-menu-wrapper .main-menu-item,
.mobile-main-menu-wrapper .main-menu-item {
    flex-direction: column
}

.desktop-mobile-main-menu-wrapper .menu-trigger,
.desktop-mobile-main-menu-wrapper .search-trigger,
.desktop-mobile-main-menu-wrapper .mobile-custom-menu,
.mobile-main-menu-wrapper .menu-trigger,
.mobile-main-menu-wrapper .search-trigger,
.mobile-main-menu-wrapper .mobile-custom-menu {
    position: relative
}

.mobile-header-active .mobile-bar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--mobile-bar, 60px);
    transition: all .1s ease-out;
    z-index: 1
}

.mobile-header-active .mobile-bar-group {
    display: flex;
    align-items: center
}

.mobile-header-active .mobile-bar-group>div {
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-header-active #cart a {
    cursor: pointer
}

.mobile-header-active #cart-total {
    display: none !important
}

.mobile-header-active .mobile-cart-wrapper .dropdown-menu:before {
    display: none !important
}

.mobile-header-active .mobile-logo-wrapper {
    width: auto;
    flex-grow: 1;
    position: var(--position);
    margin: var(--margin)
}

.mobile-header-active .menu-trigger {
    font-size: 20px;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important
}

.mobile-header-active .menu-trigger .menu-icon {
    display: flex;
    flex-direction: column;
    align-items: center
}

.mobile-header-active .menu-trigger button {
    background: 0 0
}

.mobile-header-active .menu-trigger span {
    display: none
}

.mobile-header-active .mini-search #search {
    position: static;
    width: 100%;
    height: 100%
}

.mobile-header-active .mini-search #search>button {
    max-width: 100%;
    height: 100%;
    display: block
}

.mobile-header-active .mini-search #search .header-search {
    width: 100%
}

.mobile-header-active .mini-search #search>.dropdown-menu input {
    border-top-left-radius: inherit !important;
    border-bottom-left-radius: inherit !important
}

.mobile-header-active .tt-menu {
    padding-top: 0
}

.mobile-header-active .tt-menu:before {
    display: none
}

.mobile-header-active .full-search #search {
    width: 100%;
    height: 100%
}

.mobile-header-active .mobile-bar-group :before {
    line-height: 1;
    text-align: center
}

.mobile-header-active .mobile-bar-group :after {
    font-size: 11px;
    line-height: 1.2;
    text-align: center
}

.mobile-header-active .mobile-1 {
    display: flex;
    flex-direction: column
}

.mobile-header-active .mobile-1 .mobile-logo-wrapper {
    max-width: 50%;
    flex-grow: 0;
    height: 100%
}

.mobile-header-active .mobile-1 .mobile-bar-group {
    height: 100%;
    margin-inline-start: auto;
    margin-inline-end: 0
}

.mobile-header-active .mobile-1 .mobile-bar-group>div {
    height: 100%
}

.mobile-header-active .mobile-1 #cart {
    width: 100%;
    height: 100%
}

.mobile-header-active .mobile-1 #cart>a {
    height: 100%;
    justify-content: center;
    border-radius: inherit
}

.mobile-header-active .mobile-1 .mobile-custom-menu {
    order: 5
}

.mobile-header-active .mobile-1 .mini-search {
    order: 10
}

.mobile-header-active .mobile-1 .mini-cart {
    order: 20
}

.mobile-header-active .mobile-2 {
    display: flex;
    flex-direction: column
}

.mobile-header-active .mobile-2 .mobile-logo-wrapper {
    flex-grow: 1;
    max-width: none
}

.mobile-header-active .mobile-2 .mobile-bar>div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-header-active .mobile-2 .mobile-search-wrapper {
    width: 100%
}

.mobile-header-active .mobile-2 #cart {
    width: 100%;
    height: 100%
}

.mobile-header-active .mobile-2 #cart>a {
    width: 100%;
    height: 100%;
    justify-content: center
}

.mobile-header-active .mobile-3 #logo {
    margin: 0 auto
}

.mobile-header-active .mobile-3 .mobile-bar {
    justify-content: space-between
}

.mobile-header-active .mobile-3 .mobile-logo-wrapper {
    height: var(--mobile-logo-wrapper, var(--mobile-bar, 50px))
}

.mobile-header-active .mobile-3 .mobile-custom-menu {
    padding: 0 15px
}

.mobile-header-active .mobile-3 .mobile-search-wrapper {
    flex: 1
}

.mobile-header-active .mobile-3 .mobile-bar-group {
    justify-content: space-between
}

.mobile-header-active header {
    z-index: 120
}

.ios *,
.ipad * {
    background-attachment: initial !important
}

.ios img {
    align-self: center
}

.ios input:not([type=button]):not([type=submit]),
.ios textarea {
    font-size: 16px !important
}

.ios select.form-control,
.ios select {
    padding-block: 0 !important;
    padding-inline-end: 0 !important
}

.ios select:focus,
.ios textarea:focus,
.ios input:focus {
    font-size: 16px
}

.mobile-container {
    display: none;
    flex-direction: column;
    position: fixed;
    z-index: 1300;
    max-width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate3d(-100%, 0, 0);
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
    will-change: transform;
    background-color: #fff;
    overflow-y: auto
}

.mobile-container .mobile-wrapper-header {
    order: -2
}

.mobile-container .bottom-menu {
    transform: translate3d(0, 0, 0);
    margin: 0 var(--bottom-menu-margin-mobile-menu, 0px) var(--bottom-menu-margin-mobile-menu, 0px) var(--bottom-menu-margin-mobile-menu, 0px)
}

.mobile-container .bottom-menu~.mobile-main-menu-wrapper>.main-menu {
    margin-bottom: calc(var(--bottom-menu-height, 55px) + var(--bottom-menu-margin-mobile-menu, var(--bottom-menu-margin, 0px)))
}

.mobile-container .menu-item>.collapse>.j-menu>.menu-item.dropdown {
    flex-wrap: wrap
}

.mobile-container .menu-item>.collapse>.j-menu>.menu-item.dropdown>div {
    width: 100%
}

html[class*=-container-open] .mobile-container {
    display: flex
}

html[class*=-container-open] .mobile-container.animating {
    transform: translate3d(0, 0, 0) !important
}

html[class*=-container-open] .mobile-container.mobile-cart-content-container {
    transform: translate3d(100%, 0, 0);
    left: auto;
    right: 0
}

.site-wrapper:before {
    content: "";
    position: fixed;
    z-index: 1299;
    left: 0;
    top: -200px;
    width: 100%;
    height: calc(100vh + 200px);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    will-change: opacity;
    transition: all .2s;
    display: none
}

.mobile-menu-active .site-wrapper:before,
.mobile-header-active .site-wrapper:before,
.mobile-filter-active .site-wrapper:before {
    display: block
}

html:not(.popup).mobile-overlay body {
    overflow-y: hidden;
    width: calc(100vw - var(--scrollW, 0px))
}

html:not(.popup).mobile-overlay .site-wrapper {
    pointer-events: none;
    touch-action: none
}

html:not(.popup).mobile-overlay .site-wrapper:before {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    background: rgba(0, 0, 0, .5)
}

.android.chrome41.mobile-header-active .site-wrapper:before {
    display: none
}

.android.chrome41.mobile-header-active.mobile-overlay .site-wrapper:before {
    display: block
}

.mobile-wrapper-header {
    position: relative;
    width: 100%;
    min-height: var(--mobile-wrapper-header, 40px);
    display: flex;
    align-items: center;
    min-width: 0
}

.mobile-wrapper-header>span {
    height: 100%;
    align-items: center;
    font-size: 17px;
    display: flex
}

.mobile-wrapper-header>span:not(:empty) {
    padding-inline-start: calc(12px + var(--offset-left, 0px));
    padding-inline-end: calc(12px + var(--offset-right, 0px))
}

.mobile-wrapper-header>span span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mobile-wrapper-header>span:after {
    font: inherit;
    margin-inline-start: calc(12px + var(--offset-left, 0px));
    margin-inline-end: calc(12px + var(--offset-right, 0px))
}

.mobile-wrapper-header>a {
    height: 100%;
    min-width: var(--mobile-wrapper-header-close, var(--mobile-wrapper-header, 30px));
    flex-grow: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    cursor: pointer;
    transition: transform 80ms ease;
    margin-inline-start: auto
}

.mobile-wrapper-header>a:before {
    content: "";
    font-family: icomoon;
    line-height: 1;
    aspect-ratio: 1
}

.mobile-wrapper-header>a:active {
    transform: scale(.95)
}

.mobile-wrapper-header .mobile-wrapper-top-menu {
    min-width: 0;
    display: flex;
    align-items: center;
    position: relative
}

.mobile-wrapper-header .mobile-wrapper-top-menu div.top-menu {
    padding-inline-end: 0
}

.mobile-wrapper-header .mobile-wrapper-top-menu div.top-menu>.j-menu>.dropdown>.j-dropdown {
    top: calc(50% + var(--element-height, 0px)/2)
}

.mobile-wrapper-header .mobile-wrapper-top-menu div.top-menu>.j-menu>.dropdown:last-child {
    padding-inline-end: var(--element-padding-inline-end, 0px)
}

.mobile-wrapper-header .mobile-wrapper-top-menu:after {
    content: "";
    display: none;
    position: absolute;
    pointer-events: none;
    --element-padding-inline-end: inherit;
    --background-color: inherit;
    width: 30px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, var(--fader-color, var(--background-color)) 70%, var(--fader-color, var(--background-color)));
    height: 100%;
    top: 0;
    right: 0;
    z-index: 2;
    transition: opacity .2s ease-out
}

.mobile-wrapper-header .mobile-wrapper-top-menu.has-scroll:after {
    display: block
}

.mobile-wrapper-header .mobile-wrapper-top-menu.no-scroll:after {
    display: none
}

.mobile-wrapper-header .mobile-wrapper-top-menu:empty {
    display: none
}

.mobile-wrapper-header .mobile-wrapper-top-menu,
.mobile-wrapper-header .language-currency {
    height: 100%
}

.mobile-wrapper-header .language-currency {
    flex-grow: 1
}

html[dir=rtl] .mobile-wrapper-header>span:not(:empty) {
    padding-inline-end: calc(12px + var(--offset-left, 0px));
    padding-inline-start: calc(12px + var(--offset-right, 0px))
}

html[dir=rtl] .mobile-wrapper-header>span:after {
    margin-inline-end: calc(12px + var(--offset-left, 0px));
    margin-inline-start: calc(12px + var(--offset-right, 0px))
}

html[dir=rtl] .mobile-wrapper-header .mobile-wrapper-top-menu div.top-menu {
    padding-inline-start: 0;
    padding-inline-end: var(--element-padding-inline-end, 0px)
}

html[dir=rtl] .mobile-wrapper-header .mobile-wrapper-top-menu div.top-menu>.j-menu>.dropdown:last-child {
    padding-inline-end: 0;
    padding-inline-start: var(--element-padding-inline-end, 0px)
}

.mobile-filter-wrapper {
    height: calc(100% - var(--mobile-wrapper-header, 40px));
    overflow-y: auto;
    overflow-x: hidden
}

.mobile-filter-wrapper .module-filter {
    padding: 15px
}

.mobile-filter-wrapper .module-filter .module-title {
    display: none;
    padding: 0;
    margin: 0
}

.mobile-filter-container .mobile-wrapper-header .reset-filter.btn {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

.mobile-filter-container-open .journal-loading-overlay {
    position: fixed;
    top: 0;
    left: 0
}

.desktop-mobile-main-menu-wrapper .main-menu,
.mobile-main-menu-wrapper .main-menu {
    border-width: 0;
    background-color: transparent
}

.desktop-mobile-main-menu-wrapper .main-menu .j-menu>*,
.mobile-main-menu-wrapper .main-menu .j-menu>* {
    box-shadow: none !important
}

.desktop-mobile-main-menu-wrapper .main-menu .dropdown:after,
.mobile-main-menu-wrapper .main-menu .dropdown:after {
    display: none !important
}

.desktop-mobile-main-menu-wrapper .main-menu .j-menu,
.mobile-main-menu-wrapper .main-menu .j-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: none !important
}

.desktop-mobile-main-menu-wrapper .main-menu .j-menu>.menu-item .open-menu,
.mobile-main-menu-wrapper .main-menu .j-menu>.menu-item .open-menu {
    min-width: 40px;
    height: 100%;
    right: 0;
    border-radius: 0
}

.desktop-mobile-main-menu-wrapper .main-menu .j-menu>.menu-item>a,
.mobile-main-menu-wrapper .main-menu .j-menu>.menu-item>a {
    position: relative;
    justify-content: flex-start;
    padding: 0 10px;
    display: flex;
    align-items: center
}

.desktop-mobile-main-menu-wrapper .main-menu .j-menu>.menu-item>a:after,
.mobile-main-menu-wrapper .main-menu .j-menu>.menu-item>a:after {
    display: none
}

.desktop-mobile-main-menu-wrapper .main-menu .dropdown-menu,
.mobile-main-menu-wrapper .main-menu .dropdown-menu {
    padding: 0;
    margin: 0;
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    width: 100%;
    display: none
}

.desktop-mobile-main-menu-wrapper .main-menu .dropdown-menu>ul,
.mobile-main-menu-wrapper .main-menu .dropdown-menu>ul {
    box-shadow: none
}

.desktop-mobile-main-menu-wrapper .main-menu .dropdown-menu>ul li>a,
.mobile-main-menu-wrapper .main-menu .dropdown-menu>ul li>a {
    margin-bottom: 10px
}

.desktop-mobile-main-menu-wrapper .main-menu .dropdown-menu>ul li .dropdown-menu,
.mobile-main-menu-wrapper .main-menu .dropdown-menu>ul li .dropdown-menu {
    left: 0;
    box-shadow: none
}

.desktop-mobile-main-menu-wrapper .main-menu .dropdown-menu:before,
.mobile-main-menu-wrapper .main-menu .dropdown-menu:before {
    display: none
}

.desktop-mobile-main-menu-wrapper .main-menu .open>.dropdown-menu,
.mobile-main-menu-wrapper .main-menu .open>.dropdown-menu {
    display: block
}

.desktop-mobile-main-menu-wrapper .main-menu .multi-level .dropdown-menu ul,
.mobile-main-menu-wrapper .main-menu .multi-level .dropdown-menu ul {
    box-shadow: none
}

.desktop-mobile-main-menu-wrapper .main-menu .multi-level .dropdown-menu ul li.dropdown,
.mobile-main-menu-wrapper .main-menu .multi-level .dropdown-menu ul li.dropdown {
    display: table;
    width: 100%
}

.desktop-mobile-main-menu-wrapper .main-menu .mega-menu .main-menu-item>a+div,
.mobile-main-menu-wrapper .main-menu .mega-menu .main-menu-item>a+div {
    border-width: 1px 0 0;
    border-color: inherit;
    border-style: inherit
}

.desktop-mobile-main-menu-wrapper .main-menu>.main-menu>div:first-of-type,
.mobile-main-menu-wrapper .main-menu>.main-menu>div:first-of-type {
    border-top-width: 0
}

.desktop-mobile-main-menu-wrapper .main-menu>.main-menu>div:last-of-type,
.mobile-main-menu-wrapper .main-menu>.main-menu>div:last-of-type {
    border-bottom-width: 1px
}

.desktop-mobile-main-menu-wrapper .main-menu .j-menu,
.mobile-main-menu-wrapper .main-menu .j-menu {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important
}

.desktop-mobile-main-menu-wrapper .dropdown>a:after {
    display: none !important
}

.desktop-mobile-main-menu-wrapper .j-menu {
    box-shadow: none !important
}

.mobile-main-menu-wrapper:empty,
.desktop-mobile-main-menu-wrapper:empty {
    display: none
}

.mobile-main-menu-wrapper:empty+.module-grid,
.desktop-mobile-main-menu-wrapper:empty+.module-grid {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.mobile-main-menu-wrapper:empty+.module-grid>.grid-row>.grid-cols-wrapper,
.desktop-mobile-main-menu-wrapper:empty+.module-grid>.grid-row>.grid-cols-wrapper {
    height: 100%
}

.mobile-main-menu-wrapper .tab-container:before,
.mobile-main-menu-wrapper .tab-content:before,
.desktop-mobile-main-menu-wrapper .tab-container:before,
.desktop-mobile-main-menu-wrapper .tab-content:before {
    display: none !important
}

.mobile-cart-content-container .mobile-cart-content-wrapper.cart-content {
    max-height: 100%;
    height: calc(100% - var(--mobile-wrapper-header, 40px))
}

.mobile-cart-content-container .mobile-cart-content-wrapper.cart-content ul {
    height: 100%;
    border-radius: 0;
    background: 0 0
}

.mobile-cart-content-container .mobile-cart-content-wrapper.cart-content .cart-products {
    max-height: 100%;
    flex-grow: 1
}

.mobile-cart-content-container .mobile-cart-content-wrapper.cart-content .cart-products td {
    min-width: -moz-min-content;
    min-width: min-content;
    width: 100%
}

.mobile-cart-content-container .mobile-cart-content-wrapper.cart-content .cart-products td.td-image {
    width: 20%
}

.mobile-cart-content-container .mobile-cart-content-wrapper.cart-content .cart-products td.td-qty {
    padding: 0 !important;
    min-width: initial
}

.mobile-cart-content-container .mobile-cart-content-wrapper.cart-content .cart-totals {
    position: relative
}

html[dir=rtl] .text-left {
    text-align: right
}

html[dir=rtl] .text-right {
    text-align: left
}

html[dir=rtl] .form-control {
    text-align: right
}

html[dir=rtl] .cart-content {
    right: auto;
    left: 0
}

html[dir=rtl] .full-cart .cart-heading i {
    right: auto;
    left: 0
}

html[dir=rtl] .stepper .form-control {
    text-align: center
}

html[dir=rtl] .mini-search #search>.dropdown-menu {
    left: 0;
    right: auto
}

html[dir=rtl] .mini-search #search>.dropdown-menu:before {
    left: -100%;
    transform: translateX(100%)
}

html[dir=rtl] .search-button {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .search-categories {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

html[dir=rtl] .search-categories .j-dropdown:before {
    left: auto;
    right: 10px
}

html[dir=rtl] .tt-menu:not(.tt-empty):before {
    right: auto;
    left: 10px
}

html[dir=rtl] .desktop-main-menu-wrapper .main-menu>div:first-of-type {
    border-right-width: 0;
    border-left-width: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

html[dir=rtl] .desktop-main-menu-wrapper .main-menu>div:last-of-type {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    border-left-width: 0
}

html[dir=rtl] .main-menu .menu-label {
    right: auto;
    left: 0
}

html[dir=rtl] .multi-level .dropdown-menu ul li .dropdown-menu {
    left: auto;
    right: 100%
}

html[dir=rtl] .mobile-header:not(.mobile-2) .top-menu>ul>li:first-of-type>.dropdown-menu {
    left: auto;
    right: -5px
}

html[dir=rtl] .mobile-header:not(.mobile-2) .top-menu>ul>li:first-of-type>.dropdown-menu:before {
    left: auto;
    right: 5px
}

html[dir=rtl] .mobile-header:not(.mobile-2) .language-currency.top-menu>div:last-child .dropdown.drop-menu.animating>.j-dropdown {
    left: -5px;
    right: auto
}

html[dir=rtl] .mobile-header:not(.mobile-2) .language-currency.top-menu>div:last-child .dropdown.drop-menu.animating>.j-dropdown:before {
    left: auto !important;
    right: calc(100% - 5px) !important;
    transform: translateX(100%) !important
}

html[dir=rtl] .mobile-container {
    transform: translate3d(100%, 0, 0);
    right: 0
}

html[dir=rtl] .mobile-container.mobile-cart-content-container {
    transform: translate3d(-100%, 0, 0);
    left: 0;
    right: auto
}

html[dir=rtl] .mobile-main-menu-wrapper .main-menu .menu-item .open-menu {
    right: auto;
    left: 8px
}

html[dir=rtl].desktop-header-active .is-sticky.boxed-sticky .desktop-main-menu-wrapper:before {
    left: 0
}

html[dir=rtl] .flyout-menu .menu-item .j-dropdown {
    left: auto;
    right: 100%
}

html[dir=rtl] .accordion-menu .open-menu {
    right: auto !important;
    left: 8px
}

html[dir=rtl] .module-newsletter .module-body .input-group-btn {
    right: auto;
    left: 0
}

html[dir=rtl] .module-newsletter .module-body .input-group-btn button {
    left: 0;
    right: auto
}

html[dir=rtl] .links-menu .menu-item:first-child {
    border-right-width: 0
}

html[dir=rtl] .links-menu .menu-item a .menu-label {
    transform: translateX(-100%)
}

html[dir=rtl].mac.webkit .select-group .form-control {
    left: auto;
    right: -3px
}

html[dir=rtl] .bottom-menu>ul>li+li {
    border-width: 0 1px 0 0
}

html[dir=rtl] .pagination-results>div:first-child:not(:empty)+div {
    white-space: nowrap
}

html[dir=rtl] .pagination>li:not(:first-of-type) {
    border-width: 0 1px 0 0
}

html[dir=rtl] .pagination>li:first-child a:before,
html[dir=rtl] .pagination>li:last-child a:before,
html[dir=rtl] .pagination>li.prev a:before,
html[dir=rtl] .pagination>li.next a:before {
    transform: translate(-50%, -50%) scaleX(-1)
}

html[dir=rtl] .pagination>li:last-child a:before,
html[dir=rtl] .pagination>li.next a:before {
    transform: translate(-50%, -50%) scaleX(1)
}

html[dir=rtl] .pagination>li:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

html[dir=rtl] .pagination>li:first-child a,
html[dir=rtl] .pagination>li:first-child span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html[dir=rtl] .pagination>li:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

html[dir=rtl] .pagination>li:last-child a,
html[dir=rtl] .pagination>li:last-child span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html[dir=rtl] .header-search input {
    text-align: right
}

html[dir=rtl].desktop .module-title button {
    right: auto;
    left: 0
}

html[dir=rtl] table td:last-child,
html[dir=rtl] table th:last-child,
html[dir=rtl] .table-bordered td:last-child,
html[dir=rtl] .table-bordered th:last-child {
    border-left-width: 0
}

html[dir=rtl] .side-product>div {
    float: right
}

html[dir=rtl] .lg-outer {
    direction: ltr
}

html[dir=rtl] .lg-outer #lg-counter {
    float: right
}

html[dir=rtl] .lg-outer #lg-counter-all {
    float: left;
    display: inline-block;
    padding: 0 4px
}

html[dir=rtl] .lg-outer #lg-counter-current {
    float: right;
    display: inline-block;
    padding: 0 4px
}

html[dir=rtl] .lg-outer .lg-thumb-item {
    float: right
}

html[dir=rtl] .lg-actions .lg-next {
    left: 20px;
    right: auto
}

html[dir=rtl] .lg-actions .lg-prev {
    right: 20px;
    left: auto
}

html[dir=rtl] .lg-toolbar .lg-icon {
    float: left
}

html[dir=rtl] .drop-cap {
    float: right
}

html[dir=rtl] blockquote:before {
    float: right
}

html[dir=rtl] .radio,
html[dir=rtl] .checkbox {
    padding: 0 0 0 15px
}

html[dir=rtl].route-product-manufacturer .manufacturer>div {
    padding: 0 0 15px 15px
}

html[dir=rtl] .user-avatar {
    float: right
}

html[dir=rtl] .reply-btn {
    left: 10px;
    right: auto
}

html[dir=rtl] .product-list .product-thumb .image {
    float: right
}

html[dir=rtl] footer .links-menu .module-title:before {
    right: auto;
    left: 0
}

html[dir=rtl] .popup-close {
    left: 0;
    right: auto
}

.is-editor {
    --green: #26ab5e;
    --orange: #ed5149;
    --dark: #37485e;
    --blue: #238cd2;
    --top-border: 4px;
    --bar-height: 55px;
    transition: padding-bottom .15s ease-out
}

.admin-bar {
    position: fixed;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    font-family: sans-serif;
    font-size: 14px;
    min-height: var(--bar-height);
    transform: translate3d(0, calc(100% + var(--top-border)), 0);
    transition: transform .15s ease-out, background-color .15s ease-out;
    background: var(--dark);
    border-top: var(--top-border) solid var(--orange);
    box-shadow: 1px -5px 30px -5px rgba(0, 0, 0, .1);
    display: none;
    align-items: center
}

.admin-bar .admin-close-bar {
    position: absolute;
    left: 50%;
    top: calc(0px - var(--top-border));
    transform: translate3d(-50%, -100%, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.admin-bar .admin-close-bar span {
    position: absolute;
    top: 48%;
    left: 50%;
    font-size: 24px;
    transform: translate(-43%, -50%) rotate(45deg);
    transform-origin: center
}

html[dir=rtl] .admin-bar .admin-close-bar {
    left: auto;
    right: 50%
}

.admin-bar .j-logo {
    width: 100px;
    height: 45px;
    color: #fff;
    position: absolute;
    display: flex;
    align-items: center;
    padding: 8px
}

.admin-bar .j-logo span {
    margin: 5px;
    opacity: .7;
    font-size: 13px
}

.admin-bar .j-logo svg {
    width: auto;
    fill: #fff
}

.admin-bar-buttons {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    gap: 8px
}

.admin-bar-buttons button {
    background-color: var(--blue);
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .1s
}

.admin-bar-buttons button:hover {
    background-color: var(--green)
}

.is-editor-open .admin-bar-buttons {
    opacity: .4;
    pointer-events: none
}

.admin-edit {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 1px;
    color: #fff;
    font-size: 12px;
    background-color: var(--green);
    border-radius: 2px;
    z-index: 100;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .2);
    transition: opacity .15s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden
}

html[dir=rtl] .admin-edit {
    left: auto;
    right: 1px
}

.admin-edit em {
    margin: 2px 6px
}

#main-menu-2 .admin-edit {
    left: auto;
    right: 1px
}

.admin-edit-tooltip {
    pointer-events: none;
    z-index: 9999999
}

.admin-edit-tooltip.top .tooltip-arrow {
    border-top-color: var(--green) !important
}

.admin-edit-tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--green) !important
}

.admin-edit-tooltip.left .tooltip-arrow {
    border-left-color: var(--green) !important
}

.admin-edit-tooltip.right .tooltip-arrow {
    border-right-color: var(--green) !important
}

.admin-edit-tooltip .tooltip-arrow {
    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, .2));
    z-index: 1
}

.admin-edit-tooltip .tooltip-inner {
    background: var(--green) !important;
    color: #fff !important;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .2)
}

.admin-close-bar,
.admin-close-edit {
    right: 10px;
    position: absolute;
    top: 10px;
    width: 31px;
    height: 31px;
    border-radius: 3px;
    color: #fff;
    background: var(--orange);
    font-size: 21px
}

.admin-close-bar:hover,
.admin-close-edit:hover {
    background: var(--green)
}

.admin-edit-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    padding: 40px 20px 30px;
    background: rgba(0, 0, 0, .75);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center
}

.admin-edit-popup iframe {
    width: 100%;
    height: 100%;
    max-width: 1280px;
    border-radius: 5px;
    resize: both;
    max-height: 90vh
}

.is-editor .admin-edit {
    display: block
}

.is-editor .admin-bar {
    display: flex
}

.is-editor.admin-bar-visible {
    padding-bottom: var(--bar-height)
}

.is-editor.admin-bar-visible .notification-wrapper-bottom .notification {
    bottom: 70px
}

.is-editor.admin-bar-visible .scroll-top {
    bottom: var(--bar-height)
}

.is-editor.admin-bar-visible .admin-bar {
    transform: translate3d(0, 0, 0)
}

.is-editor.admin-bar-visible .admin-bar .admin-close-bar span {
    transform: translate(-50%, -50%) rotate(0deg)
}

.is-editor.popup-open .admin-bar {
    z-index: 1399
}

.is-editor .lg-on .admin-bar {
    display: none
}

.is-editor .grid-row:hover .admin-edit,
.is-editor .popup-inner-body:hover .admin-edit,
.is-editor .module-header_notice:hover .admin-edit,
.is-editor .module-notification:hover .admin-edit,
.is-editor .top-menu:hover .admin-edit,
.is-editor .main-menu:hover .admin-edit {
    opacity: 1;
    height: auto
}

@media only screen and (max-width:767px) {

    .admin-bar,
    .admin-edit {
        display: none !important
    }
}

.oc4 .invalid-feedback:not(.d-block) {
    display: none
}

.d-none {
    display: none
}
.header #logo a,
.header-slim-new #logo {
    background-color: transparent !important;
}

#logo .header-logo.full {
    width: 100% !important;

}

.mobile-logo-wrapper #logo a {
    width: 155px;
}
.module-countdown > .module-body .module-text > div {
    display: flex !important;
}