/* MAD_THEME: Digital Life look on Konimbo — VER:31 */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&display=swap');

:root {
  --mad-a1: #000000;
  --mad-a2: #141414;
  --mad-inv: #ffffff;
  --mad-c1: #8e8e8e;
  --mad-c2: #e8e8e8;
  --mad-c3: #f4f4f4;
  --mad-green: #239e57;
  --mad-green2: #35a664;
  --mad-warm: #C0392B;
  --mad-max: 1600px;
  --mad-sidebar: 220px;
  --mad-header-h: 78px;
}

html { scroll-behavior: smooth; }
body.mad-theme-on {
  direction: rtl !important;
  background: var(--mad-c2) !important;
  font-family: 'Almarai', Arial, sans-serif !important;
  color: #111 !important;
  margin: 0 !important;
}
body.mad-theme-on #wrapper,
body.mad-theme-on #bg_middle,
body.mad-theme-on #main {
  background: var(--mad-c2) !important;
  font-family: 'Almarai', Arial, sans-serif !important;
}

/* Hide Konimbo chrome we replace — NEVER hide #header_cart_nav (.flash_light) */
body.mad-theme-on #mad_home_catbar,
body.mad-theme-on .header_categories,
body.mad-theme-on #header_show_prime_categories,
body.mad-theme-on #header_mainnav,
body.mad-theme-on #element_203211,
body.mad-theme-on #element_203211.timer_exsist,
body.mad-theme-on .owl-carouselTicker,
body.mad-theme-on #layout_header .free_shipping,
body.mad-theme-on .goog-te-banner-frame,
body.mad-theme-on #header_top_links,
body.mad-theme-on .top_links,
body.mad-theme-on .mobile_header_info,
body.mad-theme-on .header_info,
body.mad-theme-on #header_info,
body.mad-theme-on .categories_wrapper,
body.mad-theme-on #header_group1 .categories_wrapper,
body.mad-theme-on #google_translate_element,
body.mad-theme-on .goog-te-gadget,
body.mad-theme-on .skiptranslate,
body.mad-theme-on select.goog-te-combo,
body.mad-theme-on select[aria-label*="תרגום"],
body.mad-theme-on #hybrid_173642,
body.mad-theme-on .strengths1200,
body.mad-theme-on .strengths,
body.mad-theme-on .bp4-strengths1200-bvNY1d,
body.mad-theme-on .bp4-artboard320.screen,
body.mad-theme-on.mad-is-home #homepage_group2,
body.mad-theme-on.mad-is-home #homepage_group1,
body.mad-theme-on.mad-is-home #homepage_group3,
body.mad-theme-on.mad-is-home #homepage_group4,
body.mad-theme-on.mad-is-home #layout_homepage,
body.mad-theme-on.mad-is-home #mad_main > #main,
body.mad-theme-on.mad-is-home #homepage_group1 .owl-dots,
body.mad-theme-on.mad-is-home #homepage_group1 .owl-nav,
body.mad-theme-on.mad-is-home #homepage_group1 img[alt*="owl"],
body.mad-theme-on.mad-is-home #homepage_group1 img[alt*="arrow"],
body.mad-theme-on.mad-is-home #homepage_group4 .owl-carousel,
body.mad-theme-on.mad-is-home #homepage_group4 a[href="/"],
body.mad-theme-on.mad-is-home .owl-carousel,
body.mad-theme-on #flying_cart,
body.mad-theme-on #flying_cart_content,
body.mad-theme-on .flying_cart,
body.mad-theme-on .skiptranslate > iframe,
body.mad-theme-on #layout_header > .cart,
body.mad-theme-on #layout_header .special_cart_with_upgrades,
body.mad-theme-on #header_cart,
body.mad-theme-on #header_cart.checkout_count,
body.mad-theme-on div#header_cart {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
  width: 0 !important;
}
/* Keep cart LINK visible — never the dropdown panel #header_cart */
body.mad-theme-on #header_cart_nav,
body.mad-theme-on #header_cart_nav.flash_light,
body.mad-theme-on ul#header_cart_nav {
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  width: auto !important;
  position: static !important;
  left: auto !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

/* ===== HEADER ===== */
body.mad-theme-on #bg_header {
  position: sticky !important;
  top: 0 !important;
  z-index: 100000 !important;
  background: var(--mad-a1) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.28) !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: var(--mad-header-h) !important;
  overflow: hidden !important;
}
body.mad-theme-on #layout_header,
body.mad-theme-on #header_group1 {
  max-width: var(--mad-max) !important;
  margin: 0 auto !important;
  width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 8px 14px 10px !important;
  background: transparent !important;
  float: none !important;
  height: auto !important;
  min-height: 58px !important;
  position: relative !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
/* Kill old Konimbo absolute positioning inside header */
body.mad-theme-on #header_group1 > *,
body.mad-theme-on #layout_header > #header_group1 > * {
  position: static !important;
  float: none !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
body.mad-theme-on #header_logo {
  float: none !important;
  margin: 0 !important;
  order: 0 !important;
  flex: 0 0 auto !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  max-height: 48px !important;
  overflow: hidden !important;
  line-height: 0 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 2 !important;
}
body.mad-theme-on #header_logo a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  height: 52px !important;
  max-height: 52px !important;
  box-sizing: border-box !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
body.mad-theme-on #header_logo img {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;
  height: 52px !important;
  width: 52px !important;
  max-height: 52px !important;
  max-width: 52px !important;
  display: block !important;
  object-fit: contain !important;
  transform: none !important;
  border-radius: 0 !important;
}
body.mad-theme-on .search_btn {
  /* Konimbo toggle — hide; we show the real search field instead */
  display: none !important;
}
body.mad-theme-on #header_show_search {
  float: none !important;
  order: 1 !important;
  flex: 1 1 auto !important;
  max-width: 520px !important;
  min-width: 140px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: 44px !important;
  min-height: 44px !important;
  width: auto !important;
  position: static !important;
  background: transparent !important;
}
body.mad-theme-on #header_show_search form,
body.mad-theme-on #header_show_search form > div,
body.mad-theme-on #header_show_search label.textInput {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  visibility: visible !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  position: relative !important;
}
body.mad-theme-on #header_show_search .delete_text,
body.mad-theme-on #header_show_search .mobile_close_search,
body.mad-theme-on #header_close_search,
body.mad-theme-on .mobile_close_search {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
body.mad-theme-on #header_show_search #q,
body.mad-theme-on #header_show_search input[type="text"] {
  background: #1a1a1a !important;
  color: #fff !important;
  border: 1px solid #333 !important;
  border-radius: 999px !important;
  height: 44px !important;
  padding: 0 44px 0 18px !important;
  font-family: 'Almarai', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  width: 100% !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  outline: none !important;
  caret-color: #fff !important;
}
body.mad-theme-on #header_show_search #q::placeholder,
body.mad-theme-on #header_show_search input[type="text"]::placeholder {
  color: #9a9a9a !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}
body.mad-theme-on #header_show_search #q:focus,
body.mad-theme-on #header_show_search input[type="text"]:focus {
  border-color: #555 !important;
  background: #222 !important;
}
body.mad-theme-on #header_show_search label.textInput::before {
  content: '';
  position: absolute !important;
  right: 16px !important;
  left: auto !important;
  top: 50% !important;
  width: 16px !important;
  height: 16px !important;
  margin-top: -8px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: no-repeat center / contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
}
body.mad-theme-on #header_show_search input[type="submit"],
body.mad-theme-on #header_show_search button {
  display: none !important;
}
body.mad-theme-on #header_cart_nav {
  float: none !important;
  order: 2 !important;
  color: #fff !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  position: static !important;
  display: flex !important;
  align-items: center !important;
  min-width: 44px !important;
  min-height: 42px !important;
  height: auto !important;
  width: auto !important;
  max-width: 72px !important;
  overflow: visible !important;
}
body.mad-theme-on #header_cart_nav > li,
body.mad-theme-on #header_cart_nav li.link_order_with_counter,
body.mad-theme-on #header_cart_nav #link_order_with_counter {
  display: block !important;
  visibility: visible !important;
  position: static !important;
  float: none !important;
  height: auto !important;
  width: auto !important;
  max-width: 72px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
body.mad-theme-on #header_cart_nav li.href_homepage {
  display: none !important;
}
body.mad-theme-on #header_cart_nav a.cart,
body.mad-theme-on #header_cart_nav a[href*="/orders/"],
body.mad-theme-on #header_cart_nav a[href*="/cart"] {
  color: #fff !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: 42px !important;
  width: 42px !important;
  min-height: 42px !important;
  min-width: 42px !important;
  overflow: visible !important;
  pointer-events: auto !important;
  position: relative !important;
}
body.mad-theme-on #header_cart_nav .icon_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
}
body.mad-theme-on #header_cart_nav .icon_wrapper img,
body.mad-theme-on #header_cart_nav a.cart img {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  max-height: 22px !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1) !important;
}
body.mad-theme-on #header_cart_nav .cart_with_items_text,
body.mad-theme-on #header_cart_nav .mad_cart_ico {
  display: none !important;
}
body.mad-theme-on #header_cart_nav .cart_with_items_counter,
body.mad-theme-on #mad_cart_badge {
  position: absolute !important;
  top: -4px !important;
  inset-inline-end: -4px !important;
  background: var(--mad-green) !important;
  color: #fff !important;
  border-radius: 999px !important;
  min-width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 0 4px !important;
  z-index: 2 !important;
}
body.mad-theme-on #searchBtnHook,
body.mad-theme-on .searchButton,
body.mad-theme-on #header_show_search .searchButton {
  display: none !important;
}
body.mad-theme-on #header_cart_nav .cart_items_amount,
body.mad-theme-on .cart_counter,
body.mad-theme-on #header_cart_nav span[class*="amount"],
body.mad-theme-on #header_cart_nav .cart_with_items_counter,
body.mad-theme-on #mad_cart_badge {
  background: var(--mad-green) !important;
  color: #fff !important;
  border-radius: 999px !important;
  min-width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 0 6px !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.mad-theme-on #header_cart_nav img {
  filter: brightness(0) invert(1) !important;
  max-height: 22px !important;
}
/* Hide raw cart text on mobile — keep icon + badge */
body.mad-theme-on #header_cart_nav .cart_with_items_text,
body.mad-theme-on #header_cart_nav .mad_cart_ico {
  display: none !important;
}
body.mad-theme-on a[href*="55564"],
body.mad-theme-on #header_group1 > a[href*="branches"],
body.mad-theme-on .branches_link {
  color: #fff !important;
  order: 3 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  flex: 0 0 auto !important;
}
/* Desktop = mobile: no social row / page pills — categories via hamburger only */
body.mad-theme-on #mad_social,
body.mad-theme-on #mad_pills {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
body.mad-theme-on #mad_hamburger {
  order: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px; height: 44px;
  border: 1px solid #333; border-radius: 10px;
  background: #1a1a1a; color: #fff;
  font-size: 22px; cursor: pointer;
  flex: 0 0 auto !important;
  line-height: 1;
}

body.mad-theme-on #bg_middle,
body.mad-theme-on.mad-has-catbar #bg_middle,
body.mad-theme-on #wrapper #bg_middle {
  margin-top: 0 !important;
  padding-top: 10px !important;
  min-height: 0 !important;
}

/* ===== SHELL ===== */
body.mad-theme-on #mad_shell {
  max-width: var(--mad-max);
  margin: 0 auto;
  display: flex;
  direction: rtl !important; /* sidebar (first child) on the right */
  flex-direction: row !important;
  align-items: flex-start;
  gap: 14px;
  padding: 0 10px 40px;
  box-sizing: border-box;
  width: 100%;
}
body.mad-theme-on #mad_shell > #mad_main { order: 1 !important; width: 100% !important; flex: 1 1 auto !important; }
body.mad-theme-on #mad_sidebar {
  display: none !important;
  width: 0 !important;
  flex: 0 0 0 !important;
  position: sticky;
  top: calc(var(--mad-header-h) + 42px);
  max-height: calc(100vh - 110px);
  overflow: hidden;
  z-index: 50;
  scrollbar-width: thin;
}
body.mad-theme-on #mad_sidebar ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.mad-theme-on #mad_sidebar li {
  margin: 0 0 6px !important;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
body.mad-theme-on #mad_sidebar a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  color: #111 !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.25;
}
body.mad-theme-on #mad_sidebar a:hover { background: #f7f7f7; }
body.mad-theme-on #mad_sidebar a.active { background: #111; color: #fff !important; }
body.mad-theme-on #mad_sidebar img {
  width: 32px; height: 32px;
  object-fit: cover;
  border-radius: 6px;
  flex: 0 0 32px;
}
body.mad-theme-on #mad_sidebar .mad_side_text {
  flex: 1 1 auto;
  text-align: right;
}
body.mad-theme-on #mad_main { flex: 1 1 auto; min-width: 0; }
body.mad-theme-on.mad-is-home #mad_main {
  display: flex;
  flex-direction: column;
  gap: 0;
}
body.mad-theme-on.mad-is-home #mad_featured_anchor,
body.mad-theme-on.mad-is-home #mad_featured {
  order: 3;
}
body.mad-theme-on #bg_middle {
  min-height: 0 !important;
}

/* Hero */
body.mad-theme-on #mad_hero {
  background: #000;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 14px;
  min-height: 180px;
}
body.mad-theme-on #mad_hero video {
  display: block;
  width: 100%;
  max-height: 760px;
  min-height: 180px;
  background: #000;
  object-fit: contain;
}

/* Homepage category banners */
body.mad-theme-on.mad-is-home #homepage_group1 .row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 !important;
}
body.mad-theme-on.mad-is-home #homepage_group1 .import_element,
body.mad-theme-on.mad-is-home #homepage_group1 [class*="artboard"] {
  width: 100% !important;
  max-width: 100% !important;
}
body.mad-theme-on.mad-is-home #homepage_group1 a {
  border-radius: 10px !important;
  overflow: hidden !important;
}

body.mad-theme-on .mad_feat_slot:empty { display: none; }
body.mad-theme-on .mad_feat_slot { margin: 0; padding: 0; }
body.mad-theme-on .mad_feat_block {
  margin: 0 0 28px;
  padding-bottom: 8px;
  border-bottom: 3px solid #000;
}

/* Strong category separator + title (full-width black bar) */
body.mad-theme-on a.mad_feat_sep,
body.mad-theme-on .mad_feat_sep {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 28px 0 10px !important;
  padding: 16px 18px !important;
  min-height: 64px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #000 !important;
  color: #fff !important;
  text-decoration: none !important;
  position: relative !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.18) !important;
  border: 0 !important;
}
body.mad-theme-on .mad_feat_sep img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.35;
  z-index: 0;
}
body.mad-theme-on .mad_feat_sep .mad_feat_sep_label {
  position: relative;
  z-index: 1;
  display: block !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
  flex: 1 1 auto;
  text-align: right;
}
body.mad-theme-on .mad_feat_sep .mad_feat_sep_count {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  background: #fff !important;
  color: #000 !important;
  border-radius: 999px !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap;
}
@media (max-width: 599px) {
  body.mad-theme-on a.mad_feat_sep,
  body.mad-theme-on .mad_feat_sep {
    min-height: 56px !important;
    padding: 14px 14px !important;
    margin: 22px 0 8px !important;
  }
  body.mad-theme-on .mad_feat_sep .mad_feat_sep_label { font-size: 18px !important; }
}

body.mad-theme-on a.mad_block_title,
body.mad-theme-on .mad_block_title {
  display: none !important; /* title lives in separator now */
}
body.mad-theme-on .mad_block_title span {
  background: #222;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  color: #fff;
}
body.mad-theme-on a.mad_feat_more,
body.mad-theme-on .mad_feat_more {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 10px 0 4px !important;
  padding: 12px 14px !important;
  background: #111 !important;
  color: #fff !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
body.mad-theme-on .mad_feat_more:hover { background: #222 !important; }
body.mad-theme-on .mad_feat_grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 8px;
}
@media (min-width: 900px) {
  body.mad-theme-on .mad_feat_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
body.mad-theme-on .mad_feat_card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
  text-decoration: none !important;
  color: inherit !important;
  display: flex;
  flex-direction: column;
  position: relative;
}
body.mad-theme-on .mad_feat_card .mad_feat_img {
  background: #f3f3f3;
  height: auto;
  aspect-ratio: 1 / 1;
  display: block;
  position: relative;
  overflow: hidden;
  padding: 0;
}
body.mad-theme-on .mad_feat_card img {
  max-width: none;
  max-height: none;
}
body.mad-theme-on .mad_feat_card .mad_feat_price {
  color: var(--mad-green) !important;
  font-weight: 800;
  font-size: 22px;
  padding: 6px 12px 0;
}
body.mad-theme-on .mad_feat_card .mad_feat_title {
  padding: 4px 12px 12px;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.3;
  min-height: 40px;
}
body.mad-theme-on .mad_feat_card .mad_feat_buy {
  margin: 0 12px 12px;
  background: #000;
  color: #fff;
  border-radius: 8px;
  text-align: center;
  padding: 8px;
  font-weight: 700;
  font-size: 13px;
}

/* ===== PRODUCTS (category/item lists) ===== */
body.mad-theme-on .price,
body.mad-theme-on .item_price,
body.mad-theme-on .list_item_price,
body.mad-theme-on .product_price,
body.mad-theme-on [class*="price"] {
  color: var(--mad-green) !important;
  font-weight: 800 !important;
  font-family: 'Almarai', sans-serif !important;
}
body.mad-theme-on .wrap_boxs,
body.mad-theme-on .list_item,
body.mad-theme-on .item {
  background: #fff !important;
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
body.mad-theme-on .layout_category #products,
body.mad-theme-on .layout_category #productList,
body.mad-theme-on .layout_category .product-list,
body.mad-theme-on #element_203212,
body.mad-theme-on #element_203212.g_x,
body.mad-theme-on .layout_category .group1_wrapper.groups.col-xs-12,
body.mad-theme-on .layout_category #element_203212 .wrap_boxs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
body.mad-theme-on #element_203212 .wrap_boxs {
  display: contents !important;
}
body.mad-theme-on #element_203212 .layout_list_item,
body.mad-theme-on #element_203212 .grid-item-img-zoom,
body.mad-theme-on .layout_category .layout_list_item {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}
@media (min-width: 900px) {
  body.mad-theme-on .layout_category #products,
  body.mad-theme-on .layout_category #productList,
  body.mad-theme-on .layout_category .group1_wrapper.groups.col-xs-12,
  body.mad-theme-on #element_203212,
  body.mad-theme-on #element_203212.g_x {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1100px) {
  body.mad-theme-on .layout_category #products,
  body.mad-theme-on .layout_category #productList,
  body.mad-theme-on .layout_category .group1_wrapper.groups.col-xs-12,
  body.mad-theme-on #element_203212,
  body.mad-theme-on #element_203212.g_x {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Product images: FULL image inside frame, no crop — MAD v37 */
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .img_wrapper,
html body.mad-theme-on #element_203212 .layout_list_item .img_wrapper,
html body.mad-theme-on #element_203212 .img_wrapper,
html body.mad-theme-on .layout_list_item .img_wrapper,
html body.mad-theme-on .layout_category .img_wrapper,
html body.mad-theme-on .layout_search .img_wrapper,
html body.mad-theme-on .layout_manufacturer .img_wrapper,
html body.mad-theme-on .layout_tag .img_wrapper,
html body.mad-theme-on .layout_homepage .img_wrapper,
html body.mad-theme-on .mad_feat_card .mad_feat_img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 0 8px 0 !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  display: block !important;
  align-items: unset !important;
  justify-content: unset !important;
  background: #fff !important;
}
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .img_wrapper img,
html body.mad-theme-on.layout_category #element_203212 .layout_list_item img.img-responsive,
html body.mad-theme-on #element_203212 .layout_list_item .img_wrapper img,
html body.mad-theme-on #element_203212 img.img-responsive,
html body.mad-theme-on .layout_list_item .img_wrapper img,
html body.mad-theme-on .layout_list_item img.img-responsive,
html body.mad-theme-on .layout_category .img_wrapper img,
html body.mad-theme-on .layout_category img.img-responsive,
html body.mad-theme-on .layout_category .list_item_image,
html body.mad-theme-on .layout_category .item_image,
html body.mad-theme-on .layout_category img.item_image,
html body.mad-theme-on .layout_search .img_wrapper img,
html body.mad-theme-on .layout_manufacturer .img_wrapper img,
html body.mad-theme-on .layout_tag .img_wrapper img,
html body.mad-theme-on .layout_homepage .img_wrapper img,
html body.mad-theme-on .box.grid-item-img-zoom .img_wrapper img,
html body.mad-theme-on .mad_feat_card img,
html body.mad-theme-on #element_203212 .img_wrapper a > img,
html body.mad-theme-on #element_203212 a.img-link img,
html body.layout_category #element_203212 .layout_list_item .img_wrapper img,
html body.layout_category #element_203212 .layout_list_item img.img-responsive {
  position: absolute !important;
  inset: 8px !important;
  top: 8px !important;
  right: 8px !important;
  bottom: 8px !important;
  left: 8px !important;
  width: calc(100% - 16px) !important;
  height: calc(100% - 16px) !important;
  max-width: calc(100% - 16px) !important;
  max-height: calc(100% - 16px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  transform-origin: center center !important;
  transition: none !important;
}
html body.mad-theme-on .box.grid-item-img-zoom:hover .img_wrapper img,
html body.mad-theme-on .mad_feat_card:hover img,
html body.mad-theme-on #element_203212 .layout_list_item:hover .img_wrapper img,
html body.mad-theme-on .layout_list_item:hover .img_wrapper img,
html body.layout_category #element_203212 .layout_list_item:hover .img_wrapper img {
  transform: none !important;
}
/* Override leftover store[css] crop/zoom on every breakpoint */
@media screen and (max-width: 767px) {
  html body.mad-theme-on.layout_category #element_203212 .layout_list_item .img_wrapper,
  html body.layout_category #element_203212 .layout_list_item .img_wrapper {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    display: block !important;
    padding: 6px !important;
  }
  html body.mad-theme-on.layout_category #element_203212 .layout_list_item .img_wrapper img,
  html body.mad-theme-on.layout_category #element_203212 .layout_list_item img.img-responsive,
  html body.layout_category #element_203212 .layout_list_item .img_wrapper img,
  html body.layout_category #element_203212 .layout_list_item img.img-responsive {
    object-fit: contain !important;
    transform: none !important;
    inset: 6px !important;
    top: 6px !important;
    right: 6px !important;
    bottom: 6px !important;
    left: 6px !important;
    width: calc(100% - 12px) !important;
    height: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
    max-height: calc(100% - 12px) !important;
  }
}
@media screen and (min-width: 768px) {
  html body.mad-theme-on.layout_category #element_203212 .layout_list_item .img_wrapper,
  html body.layout_category #element_203212 .layout_list_item .img_wrapper {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    display: block !important;
  }
  html body.mad-theme-on.layout_category #element_203212 .layout_list_item .img_wrapper img,
  html body.mad-theme-on.layout_category #element_203212 .layout_list_item img.img-responsive,
  html body.layout_category #element_203212 .layout_list_item .img_wrapper img,
  html body.layout_category #element_203212 .layout_list_item img.img-responsive {
    object-fit: contain !important;
    transform: none !important;
    max-height: calc(100% - 16px) !important;
  }
}
body.mad-theme-on .buy_button a,
body.mad-theme-on .add_to_cart,
body.mad-theme-on a.buy,
body.mad-theme-on .button_buy,
body.mad-theme-on input[type="submit"].buy,
body.mad-theme-on .layout_category a[href*="cart"] {
  background: #000 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 700 !important;
}

/* Category page title */
body.mad-theme-on .layout_category h1,
body.mad-theme-on .layout_category .category_title,
body.mad-theme-on #category_title {
  background: #000 !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  font-family: 'Almarai', sans-serif !important;
  font-weight: 800 !important;
}

/* ===== FOOTER ===== */
body.mad-theme-on #bg_footer,
body.mad-theme-on #layout_footer {
  background: var(--mad-a1) !important;
  color: #fff !important;
}
body.mad-theme-on #bg_footer a,
body.mad-theme-on #layout_footer a,
body.mad-theme-on #bg_footer h3,
body.mad-theme-on #layout_footer h3,
body.mad-theme-on #bg_footer label,
body.mad-theme-on #layout_footer label {
  color: #fff !important;
}
body.mad-theme-on #bg_footer {
  margin-top: 30px !important;
  padding-top: 24px !important;
  padding-bottom: 30px !important;
}
body.mad-theme-on #bg_footer input[type="text"],
body.mad-theme-on #bg_footer input[type="email"],
body.mad-theme-on #bg_footer input[type="number"] {
  background: #1f1f1f !important;
  border: 1px solid #333 !important;
  color: #fff !important;
  border-radius: 8px !important;
}
body.mad-theme-on #bg_footer input[type="submit"],
body.mad-theme-on #bg_footer button {
  background: #fff !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
}

/* Mobile chips */
body.mad-theme-on #mad_top_chips {
  display: none;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 8px 4px;
  margin: 0 0 10px;
}
body.mad-theme-on #mad_top_chips::-webkit-scrollbar { display: none; height: 0; }
body.mad-theme-on #mad_top_chips a {
  flex: 0 0 auto;
  background: #141414;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

/* Full-screen category image menu (mobile + desktop) */
body.mad-theme-on #mad_float_menu {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 200000;
  background: #000;
  overflow: hidden;
}
body.mad-theme-on #mad_float_menu.open {
  display: flex;
  flex-direction: column;
}
body.mad-theme-on #mad_float_panel {
  position: relative;
  top: auto; right: auto;
  width: 100%;
  height: 100%;
  max-height: 100%;
  background: #000;
  overflow: auto;
  padding: 0;
  box-shadow: none;
  -webkit-overflow-scrolling: touch;
}
body.mad-theme-on #mad_float_panel .mad_close {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  background: rgba(0,0,0,.88);
  color: #fff;
  border: 0;
  border-bottom: 1px solid #222;
  border-radius: 0;
  padding: 14px 12px;
  font-weight: 800;
  font-size: 15px;
  cursor: pointer;
  backdrop-filter: blur(6px);
}
body.mad-theme-on #mad_float_ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
  min-height: calc(100vh - 50px);
  min-height: calc(100dvh - 50px);
  background: #000;
}
body.mad-theme-on #mad_float_ul li {
  margin: 0 !important;
  background: #111;
  border-radius: 0 !important;
  overflow: hidden;
  box-shadow: none !important;
  min-height: 0;
}
body.mad-theme-on #mad_float_ul a {
  display: grid !important;
  grid-template: 1fr / 1fr;
  align-items: stretch;
  justify-content: stretch;
  gap: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;
  min-height: clamp(140px, 28vh, 280px);
  color: #fff !important;
  text-decoration: none !important;
  position: relative;
  overflow: hidden;
}
body.mad-theme-on #mad_float_ul img {
  grid-area: 1 / 1;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  flex: none !important;
  display: block !important;
  transform: scale(1.02);
  transition: transform .35s ease;
}
body.mad-theme-on #mad_float_ul a:hover img,
body.mad-theme-on #mad_float_ul a:focus img {
  transform: scale(1.08);
}
body.mad-theme-on #mad_float_ul .mad_side_text {
  grid-area: 1 / 1;
  align-self: end;
  justify-self: stretch;
  position: relative;
  z-index: 1;
  flex: none !important;
  text-align: center !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: clamp(13px, 2.6vw, 18px) !important;
  line-height: 1.25 !important;
  padding: 28px 10px 12px !important;
  background: linear-gradient(transparent, rgba(0,0,0,.88)) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
body.mad-theme-on #mad_float_ul a.active .mad_side_text {
  background: linear-gradient(transparent, rgba(35,158,87,.92)) !important;
}
@media (min-width: 700px) {
  body.mad-theme-on #mad_float_ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.mad-theme-on #mad_float_ul a {
    min-height: clamp(180px, 30vh, 320px);
  }
}
@media (min-width: 1100px) {
  body.mad-theme-on #mad_float_ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body.mad-theme-on #mad_float_ul a {
    min-height: clamp(200px, 28vh, 300px);
  }
}

@media (max-width: 1024px) {
  body.mad-theme-on #mad_hamburger { display: inline-flex !important; align-items: center; justify-content: center; order: 0 !important; }
  body.mad-theme-on #mad_top_chips { display: flex !important; }
  body.mad-theme-on #mad_shell { padding: 0 6px 30px; }
  body.mad-theme-on #header_group1 {
    gap: 8px !important;
    padding: 8px 10px !important;
    min-height: 56px !important;
  }
  body.mad-theme-on #header_logo {
    order: 1 !important;
    width: auto !important;
    max-width: 56px !important;
  }
  body.mad-theme-on #header_show_search {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: block !important;
  }
  body.mad-theme-on .search_btn { display: none !important; }
  body.mad-theme-on #header_cart_nav { order: 3 !important; margin-inline-start: auto !important; }
  body.mad-theme-on #header_logo img {
    height: 48px !important;
    width: 48px !important;
    max-height: 48px !important;
    max-width: 48px !important;
  }
  body.mad-theme-on #header_logo a {
    padding: 0 !important;
    height: 48px !important;
    max-height: 48px !important;
    width: auto !important;
    background: transparent !important;
  }
  body.mad-theme-on.mad-is-home #homepage_group1 .row {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 599px) {
  body.mad-theme-on .layout_category #products,
  body.mad-theme-on .layout_category #productList,
  body.mad-theme-on .layout_category .group1_wrapper.groups.col-xs-12,
  body.mad-theme-on .mad_feat_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body.mad-theme-on .mad_feat_card .mad_feat_img {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }
  body.mad-theme-on #mad_hero video {
    max-height: 220px !important;
    object-fit: cover !important;
  }
}

/* MAD v29 compact cards — kill wasted white space */
html body.mad-theme-on.layout_category #element_203212 {
  align-items: start !important;
  gap: 10px 10px !important;
}
html body.mad-theme-on.layout_category #element_203212 .layout_list_item {
  height: auto !important;
  min-height: 0 !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .grid,
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .grid.row.border {
  height: auto !important;
  min-height: 0 !important;
}
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .index_icons,
html body.mad-theme-on.layout_category #element_203212 .layout_list_item #item_icons {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
html body.mad-theme-on.layout_category #element_203212 .layout_list_item h3.title {
  height: auto !important;
  min-height: 0 !important;
  margin: 6px 0 2px !important;
  padding: 0 6px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .price,
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .origin_price {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 6px !important;
  padding: 0 6px !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
}
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .group1_wrapper,
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .group2_wrapper,
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .group4_wrapper,
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .group1_wrapper .wrap {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .group2_wrapper,
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .group4_wrapper {
  padding-left: 6px !important;
  padding-right: 6px !important;
  margin-bottom: 8px !important;
}
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .img_wrapper {
  margin: 0 !important;
}
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .product_quantity {
  margin: 0 auto 4px !important;
  width: calc(100% - 8px) !important;
  max-width: none !important;
  height: auto !important;
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
}

/* MAD v31 — full-bleed category: kill side white gutters */
html body.mad-theme-on.layout_category #mad_shell {
  max-width: 1600px !important;
  width: 100% !important;
  padding: 0 8px 24px !important;
  gap: 0 !important;
}
html body.mad-theme-on.layout_category #main,
html body.mad-theme-on.layout_category #mad_main,
html body.mad-theme-on.layout_category #layout_x_category {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html body.mad-theme-on.layout_category #bg_middle {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Side-by-side: filters + products (no float gap) */
html body.mad-theme-on.layout_category .category_middle_groups {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  direction: rtl !important;
}
html body.mad-theme-on.layout_category #category_group2 {
  flex: 0 0 200px !important;
  width: 200px !important;
  max-width: 200px !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  order: 1 !important;
}
html body.mad-theme-on.layout_category #category_group3,
html body.mad-theme-on.layout_category #category_group3.col-xs-12 {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  order: 2 !important;
  clear: none !important;
}
html body.mad-theme-on.layout_category #element_203212 {
  gap: 8px 8px !important;
  width: 100% !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  clear: none !important;
}
html body.mad-theme-on.layout_category #element_203212 .layout_list_item {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .grid.row.border,
html body.mad-theme-on.layout_category #element_203212 .layout_list_item .grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: 0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
  background: #fff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  padding-bottom: 6px !important;
}
html body.mad-theme-on.layout_category #category_group1,
html body.mad-theme-on.layout_category .element_category_filter {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 767px) {
  html body.mad-theme-on.layout_category #mad_shell {
    padding: 0 2px 20px !important;
    max-width: none !important;
  }
  html body.mad-theme-on.layout_category .category_middle_groups {
    flex-direction: column !important;
    gap: 8px !important;
  }
  html body.mad-theme-on.layout_category #category_group2 {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    order: 0 !important;
  }
  html body.mad-theme-on.layout_category #category_group3 {
    width: 100% !important;
    order: 1 !important;
  }
  html body.mad-theme-on.layout_category #element_203212 {
    gap: 6px 4px !important;
    padding: 0 !important;
  }
  html body.mad-theme-on.layout_category #element_203212 .layout_list_item h3.title {
    font-size: 12px !important;
    margin: 4px 0 0 !important;
    padding: 0 4px !important;
  }
  html body.mad-theme-on.layout_category #element_203212 .layout_list_item .price {
    font-size: 15px !important;
    margin: 2px 0 4px !important;
    padding: 0 4px !important;
  }
  html body.mad-theme-on.layout_category #element_203212 .layout_list_item .product_quantity {
    width: calc(100% - 6px) !important;
    margin: 0 auto 4px !important;
  }
  html body.mad-theme-on.layout_category #element_203212 .layout_list_item .img_wrapper img,
  html body.mad-theme-on.layout_category #element_203212 .layout_list_item img.img-responsive {
    object-fit: contain !important;
    transform: none !important;
  }
  html body.mad-theme-on.layout_category #element_203212 .layout_list_item:hover .img_wrapper img {
    transform: none !important;
  }
}
@media (min-width: 1400px) {
  html body.mad-theme-on.layout_category #element_203212,
  html body.mad-theme-on.layout_category #element_203212.g_x {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1600px) {
  html body.mad-theme-on.layout_category #element_203212,
  html body.mad-theme-on.layout_category #element_203212.g_x {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}