/*
 * Ets Mega Menu PRO - independent desktop drawer for evypinac.cz
 * Intentionally isolated from the normal desktop and responsive menu.
 */
  body.ets-mm-desktop-drawer-open { overflow:hidden !important; }

  .ets-mm-desktop-overlay {
    position:fixed; inset:0; z-index:100000;
    background:rgba(0,0,0,.40);
    opacity:0; visibility:hidden; pointer-events:none;
    transition:opacity .30s ease, visibility .30s ease;
  }
  .ets-mm-desktop-overlay.active {
    opacity:1; visibility:visible; pointer-events:auto;
  }

  .ets-mm-desktop-drawer-shell {
    position:fixed !important;
    z-index:100001 !important;
    top:0 !important; bottom:0 !important; left:0 !important;
    width:360px !important; max-width:calc(100vw - 32px) !important;
    margin:0 !important; padding:0 !important;
    background:#f6f6f6 !important;
    box-shadow:8px 0 28px rgba(0,0,0,.18) !important;
    transform:translateX(-100%) !important;
    opacity:1 !important; visibility:visible !important;
    transition:transform .35s ease !important;
    border:0 !important; border-radius:0 !important;
    float:none !important;
  }
  .ets-mm-desktop-drawer-shell.active { transform:translateX(0) !important; }
  .ets-mm-desktop-drawer-shell {
    display:block !important;
    height:100vh !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  .ets-mm-desktop-drawer-header {
    height:56px !important;
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    background:#000 !important; color:#fff !important;
    padding:0 18px !important; margin:0 !important;
    font-size:20px !important; font-weight:600 !important; line-height:1 !important;
    box-sizing:border-box !important;
    position:sticky !important; top:0 !important; z-index:5 !important;
  }
  .ets-mm-desktop-drawer-title { display:flex !important; align-items:center !important; gap:8px !important; }
  .ets-mm-desktop-hamb { width:21px !important; display:inline-flex !important; flex-direction:column !important; gap:4px !important; }
  .ets-mm-desktop-hamb i { display:block !important; width:21px !important; height:2px !important; background:#fff !important; margin:0 !important; }
  .ets-mm-desktop-drawer-close {
    appearance:none !important; border:0 !important; background:none !important; color:#fff !important;
    padding:8px 0 8px 12px !important; margin:0 !important; cursor:pointer !important;
    display:flex !important; align-items:center !important; gap:9px !important;
    font:inherit !important; line-height:1 !important; box-shadow:none !important;
  }
  .ets-mm-desktop-back {
    display:inline-block !important; width:11px !important; height:11px !important;
    border-left:2px solid #fff !important; border-bottom:2px solid #fff !important;
    transform:rotate(45deg) !important;
  }

  .ets-mm-desktop-drawer-scroll {
    height:calc(100vh - 56px) !important;
    overflow-y:auto !important; overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch;
    background:#f6f6f6 !important;
  }

  /* Neutralize desktop pill/menu layout completely. */
  .ets-mm-desktop-drawer-shell .ets_mm_megamenu_content,
  .ets-mm-desktop-drawer-shell .ets_mm_megamenu_content_content,
  .ets-mm-desktop-drawer-shell .container {
    width:100% !important; max-width:none !important; min-width:0 !important;
    margin:0 !important; padding:0 !important;
    background:transparent !important; border:0 !important; border-radius:0 !important;
    box-shadow:none !important; backdrop-filter:none !important;
    position:static !important; transform:none !important;
  }

  .ets-mm-desktop-drawer-shell ul.mm_menus_ul {
    display:block !important; position:static !important; float:none !important;
    width:100% !important; max-width:none !important; height:auto !important;
    margin:0 !important; padding:0 !important;
    background:#f6f6f6 !important; border:0 !important; border-radius:0 !important;
    box-shadow:none !important; backdrop-filter:none !important;
    opacity:1 !important; visibility:visible !important; transform:none !important;
    overflow:visible !important;
  }
  .ets-mm-desktop-drawer-shell ul.mm_menus_ul > li.close_menu { display:none !important; }

  .ets-mm-desktop-drawer-shell ul.mm_menus_ul > li.mm_menus_li {
    display:block !important; float:none !important; position:relative !important;
    width:100% !important; height:auto !important; min-height:54px !important;
    margin:0 !important; padding:0 !important;
    border:0 !important; border-bottom:1px solid #ddd !important;
    border-radius:0 !important; background:#f6f6f6 !important;
    box-sizing:border-box !important; overflow:visible !important;
  }
  .ets-mm-desktop-drawer-shell ul.mm_menus_ul > li.mm_menus_li:before,
  .ets-mm-desktop-drawer-shell ul.mm_menus_ul > li.mm_menus_li:after { display:none !important; }

  .ets-mm-desktop-drawer-shell ul.mm_menus_ul > li.mm_menus_li > a {
    display:flex !important; align-items:center !important;
    width:100% !important; min-height:54px !important;
    padding:12px 52px 12px 18px !important; margin:0 !important;
    color:#313233 !important; background:transparent !important;
    border:0 !important; border-radius:0 !important;
    text-decoration:none !important; text-transform:none !important;
    font-size:16px !important; font-weight:600 !important; line-height:1.25 !important;
    box-sizing:border-box !important; position:relative !important; z-index:1 !important;
  }
  .ets-mm-desktop-drawer-shell .mm_menu_content_title {
    display:block !important; width:100% !important; min-height:0 !important;
    padding:0 !important; margin:0 !important; color:inherit !important;
    background:transparent !important; border:0 !important; border-radius:0 !important;
    font:inherit !important;
  }
  .ets-mm-desktop-drawer-shell .mm_menu_content_title .mm_arrow { display:none !important; }

  .ets-mm-desktop-drawer-shell ul.mm_menus_ul > li.mm_menus_li > .arrow {
    display:block !important; position:absolute !important; z-index:3 !important;
    right:0 !important; top:0 !important; width:48px !important; height:54px !important;
    margin:0 !important; padding:0 !important; background:transparent !important;
    border:0 !important; cursor:pointer !important;
  }
  .ets-mm-desktop-drawer-shell ul.mm_menus_ul > li.mm_menus_li > .arrow:before,
  .ets-mm-desktop-drawer-shell ul.mm_menus_ul > li.mm_menus_li > .arrow:after {
    content:"" !important; display:block !important; position:absolute !important;
    left:50% !important; top:50% !important; background:#313233 !important;
    border:0 !important; margin:0 !important; transform:translate(-50%,-50%) !important;
  }
  .ets-mm-desktop-drawer-shell ul.mm_menus_ul > li.mm_menus_li > .arrow:before { width:14px !important; height:1px !important; }
  .ets-mm-desktop-drawer-shell ul.mm_menus_ul > li.mm_menus_li > .arrow:after { width:1px !important; height:14px !important; }
  .ets-mm-desktop-drawer-shell ul.mm_menus_ul > li.mm_menus_li > .arrow.opened:after { display:none !important; }

  /* Main submenu - accordion, never desktop dropdown. */
  .ets-mm-desktop-drawer-shell .mm_menus_li > .mm_columns_ul {
    display:none !important; position:static !important; float:none !important;
    clear:both !important; width:100% !important; max-width:none !important; height:auto !important;
    left:auto !important; right:auto !important; top:auto !important;
    margin:0 !important; padding:0 !important;
    transform:none !important; opacity:1 !important; visibility:visible !important;
    background:#fff !important; background-image:none !important;
    border:0 !important; border-radius:0 !important; box-shadow:none !important;
    pointer-events:auto !important; transition:none !important;
  }
  .ets-mm-desktop-drawer-shell .mm_menus_li > .mm_columns_ul.active { display:block !important; }

  /* Tab menu list: ABB, Schneider, Legrand... */
  .ets-mm-desktop-drawer-shell .mm_columns_ul_tab > .mm_tabs_li {
    display:block !important; float:none !important; width:100% !important;
    margin:0 !important; padding:0 !important; position:relative !important;
    overflow:visible !important; background:#fff !important;
    border:0 !important; border-bottom:1px solid #e1e1e1 !important;
  }
  .ets-mm-desktop-drawer-shell .mm_tab_li_content {
    display:block !important; position:relative !important; float:none !important;
    width:100% !important; min-height:54px !important;
    margin:0 !important; padding:0 !important;
    background:#fff !important; border:0 !important; border-radius:0 !important;
    box-shadow:none !important; transform:none !important;
  }
  .ets-mm-desktop-drawer-shell .mm_tab_name,
  .ets-mm-desktop-drawer-shell .mm_tab_toggle,
  .ets-mm-desktop-drawer-shell .mm_tab_toggle_title { display:block !important; width:100% !important; margin:0 !important; padding:0 !important; }
  .ets-mm-desktop-drawer-shell .mm_tab_toggle_title > a {
    display:flex !important; align-items:center !important;
    width:100% !important; min-width:0 !important; min-height:54px !important;
    padding:12px 48px 12px 24px !important; margin:0 !important;
    color:#313233 !important; background:#fff !important; text-decoration:none !important;
    font-size:16px !important; font-weight:400 !important; line-height:1.25 !important;
    box-sizing:border-box !important;
  }
  .ets-mm-desktop-drawer-shell .mm_tab_toggle_title > a:hover {
    color:#0171E3 !important; background:#fff !important; text-decoration:none !important;
  }  
  .ets-mm-desktop-drawer-shell .mm_tabs_li.open > .mm_tab_li_content,
  .ets-mm-desktop-drawer-shell .mm_tabs_li:hover > .mm_tab_li_content { background:#f2f4f8 !important; }
  .ets-mm-desktop-drawer-shell .mm_tabs_li.open .mm_tab_toggle_title > a { color:#0171E3 !important; }

  /* right chevron on tab rows */
  .ets-mm-desktop-drawer-shell .mm_tab_has_child:after {
    content:"" !important; display:block !important; position:absolute !important;
    right:20px !important; top:50% !important; width:9px !important; height:9px !important;
    border-right:2px solid #4d5963 !important; border-top:2px solid #4d5963 !important;
    transform:translateY(-50%) rotate(45deg) !important; margin:0 !important;
    pointer-events:none !important;
  }
  .ets-mm-desktop-drawer-shell .mm_tab_li_content.opened .mm_tab_has_child:after {
    transform:translateY(-50%) rotate(135deg) !important;
  }

  /* Details of a tab are inline only when explicitly opened. */
  .ets-mm-desktop-drawer-shell .mm_tabs_li > .mm_columns_contents_ul {
    display:none !important; position:static !important; float:none !important; clear:both !important;
    width:100% !important; left:auto !important; right:auto !important; top:auto !important;
    margin:0 !important; padding:10px !important;
    opacity:1 !important; visibility:visible !important; transform:none !important;
    background:#fff !important; border:0 !important; box-shadow:none !important;
  }
  .ets-mm-desktop-drawer-shell .mm_tabs_li > .mm_columns_contents_ul.active { display:block !important; }
  .ets-mm-desktop-drawer-shell .mm_columns_li { width:100% !important; padding:0 !important; margin:0 !important; float:none !important; }
  .ets-mm-desktop-drawer-shell .mm_blocks_ul,
  .ets-mm-desktop-drawer-shell .mm_blocks_li { width:100% !important; margin:0 !important; padding:0 !important; float:none !important; }

  /* evypinac custom cards: force the same compact one-column drawer mode even on desktop. */
  .ets-mm-desktop-drawer-shell .evmcat-grid--3,
  .ets-mm-desktop-drawer-shell .evmcat-grid--4 { grid-template-columns:1fr !important; }
  .ets-mm-desktop-drawer-shell .evmcat-card {
    position:relative !important; padding:14px 12px !important; gap:12px !important;
    align-items:center !important; cursor:pointer !important;
  }
  .ets-mm-desktop-drawer-shell .evmcat-card--simple { padding:0 !important; }
  .ets-mm-desktop-drawer-shell .evmcat-card--simple .evmcat-card-link { padding:7px 12px !important; gap:12px !important; min-height:auto !important; }
  .ets-mm-desktop-drawer-shell .evmcat-image { flex-basis:40px !important; width:40px !important; height:40px !important; }
  .ets-mm-desktop-drawer-shell .evmcat-image img { width:40px !important; height:40px !important; object-fit:contain !important; }
  .ets-mm-desktop-drawer-shell .evmcat-content { display:flex !important; align-items:center !important; min-height:40px !important; }
  .ets-mm-desktop-drawer-shell .evmcat-title { margin:0 !important; }
  .ets-mm-desktop-drawer-shell .evmcat-wrap--drawer .evmcat-actions,
  .ets-mm-desktop-drawer-shell .evmcat-wrap--drawer .evmcat-extra-links,
  .ets-mm-desktop-drawer-shell .evmcat-wrap--drawer .evmcat-toggle-open,
  .ets-mm-desktop-drawer-shell .evmcat-wrap--drawer .evmcat-toggle-close { display:none !important; }
  .ets-mm-desktop-drawer-shell .evmcat-title a:after { content:""; position:absolute; inset:0; z-index:1; }

  /* Hide content the module marks as mobile-hidden. */
  .ets-mm-desktop-drawer-shell .hidden-block-in-mobile,
  .ets-mm-desktop-drawer-shell .ets_mm_block_content.hide-mobile { display:none !important; }

  /* Prevent generic desktop hover rules from turning drawer submenus into flyouts. */
  .ets-mm-desktop-drawer-shell.transition_slide.hover li.mm_menus_li .mm_columns_ul,
  .ets-mm-desktop-drawer-shell.transition_slide.hover li.mm_menus_li:hover .mm_columns_ul {
    transform:none !important; opacity:1 !important; pointer-events:auto !important;
    transition:none !important; transition-delay:0s !important;
  }

/* ========================================================================== */
/* EVYPINAC: STABLE DESKTOP + CATEGORY #43 SIDE / RESPONSIVE MENU             */
/* ========================================================================== */

/*
 * The desktop appearance is controlled by the menu STATE, not viewport width.
 * As long as .changestatus is absent, the navigation keeps exactly the same
 * desktop layout. Only after autoChangeStatus() detects that it no longer fits
 * does the native hamburger/off-canvas mode become active.
 */

/* Hidden clone used only by JS to calculate the true desktop width. */
.ets-mm-measure-clone {
  position:absolute !important;
  left:-100000px !important;
  top:-100000px !important;
  width:max-content !important;
  max-width:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:-1 !important;
}
.ets-mm-measure-clone .ets_mm_megamenu_content,
.ets-mm-measure-clone .ets_mm_megamenu_content_content,
.ets-mm-measure-clone ul.mm_menus_ul {
  width:max-content !important;
  max-width:none !important;
  overflow:visible !important;
}
.ets-mm-measure-clone ul.mm_menus_ul {
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
}
.ets-mm-measure-clone ul.mm_menus_ul > li.mm_menus_li {
  flex:0 0 auto !important;
}

/* ---------- Stable desktop appearance until the menu really stops fitting ---------- */
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) {
  background:none !important;
}

.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) .ets_mm_megamenu_content {
  background:none !important;
}

.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) ul.mm_menus_ul {
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  width:100% !important;
  background:rgba(230,230,230,.72) !important;
  backdrop-filter:saturate(180%) blur(20px) !important;
  border:1px solid rgba(255,255,255,.96) !important;
  padding:10px !important;
  border-radius:999px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.06) !important;
  overflow:visible !important;
}

.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) ul.mm_menus_ul > li.mm_menus_li {
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
}

.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) .mm_menu_content_title,
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) .mm_menus_li > a {
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

/* Preserve the pill styling that custom.css previously applied only >=1198px. */
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_43 {
  font-weight:600 !important;
  background:#191D2D !important;
  color:#fff !important;
  border-radius:999px !important;
}
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_43:hover {
  background:#313233 !important;
}

.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_45,
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_49,
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_48,
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_35,
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_39,
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_36 {
  font-weight:600 !important;
  background:#fff !important;
  color:#000 !important;
  border-radius:999px !important;
  margin-left:7px !important;
}
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_45:hover,
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_49:hover,
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_48:hover,
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_35:hover,
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_39:hover,
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_content_title_36:hover {
  background:#D8D9E0 !important;
}

/* Kategorie #43 is only a trigger in desktop mode; never open its normal dropdown. */
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_item_43 > .mm_columns_ul {
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.ets_mm_megamenu:not(.changestatus):not(.ets-mm-desktop-drawer-shell) #mm_menu_item_43 > a .mm_arrow {
  display:none !important;
}

/* ---------- Independent desktop side drawer: only content of Kategorie #43 ---------- */
.ets-mm-desktop-drawer-shell .mm_menus_ul > li.mm_menus_li {
  display:none !important;
}
.ets-mm-desktop-drawer-shell .mm_menus_ul > #mm_menu_item_43-desktop-drawer {
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.ets-mm-desktop-drawer-shell #mm_menu_item_43-desktop-drawer > a,
.ets-mm-desktop-drawer-shell #mm_menu_item_43-desktop-drawer > .arrow {
  display:none !important;
}
.ets-mm-desktop-drawer-shell #mm_menu_item_43-desktop-drawer > .mm_columns_ul {
  display:block !important;
  position:static !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  background:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* ---------- Native responsive menu: active ONLY after .changestatus ---------- */
.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell) .mm_menus_ul > li.mm_menus_li {
  display:none !important;
}
.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell) .mm_menus_ul > #mm_menu_item_43 {
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell) #mm_menu_item_43 > a,
.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell) #mm_menu_item_43 > .arrow {
  display:none !important;
}
.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell) #mm_menu_item_43 > .mm_columns_ul {
  display:block !important;
  position:static !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  background:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Floating responsive panel. No viewport breakpoint: .changestatus is the source of truth. */
.ets_mm_megamenu.changestatus.transition_floating:not(.ets-mm-desktop-drawer-shell) .mm_menus_ul {
  left:0 !important;
  right:auto !important;
  width:320px !important;
  max-width:calc(100vw - 24px) !important;
  top:0 !important;
  bottom:0 !important;
  position:fixed !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
}
.ets_mm_megamenu.changestatus.transition_floating:not(.ets-mm-desktop-drawer-shell) .mm_menus_ul > .close_menu {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:48px !important;
  margin:0 !important;
  padding:10px 16px !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  background:#F3F1F2 !important;
  color:#fff !important;
  box-sizing:border-box !important;
}
.ets_mm_megamenu.changestatus.transition_floating:not(.ets-mm-desktop-drawer-shell) .close_menu .pull-left,
.ets_mm_megamenu.changestatus.transition_floating:not(.ets-mm-desktop-drawer-shell) .close_menu .pull-right {
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
}

/* ========================================================================== */
/* FIX: desktop side drawer = ONLY content of Kategorie #43                  */
/* ========================================================================== */

/* Hide every top-level menu item inside our independent desktop drawer. */
.ets-mm-desktop-drawer-shell ul.mm_menus_ul > li.mm_menus_li {
  display: none !important;
}

/* Show only cloned Kategorie #43 root item. */
.ets-mm-desktop-drawer-shell ul.mm_menus_ul > li#mm_menu_item_43-desktop-drawer {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Hide the Kategorie row itself; drawer starts directly with its content. */
.ets-mm-desktop-drawer-shell li#mm_menu_item_43-desktop-drawer > a,
.ets-mm-desktop-drawer-shell li#mm_menu_item_43-desktop-drawer > .arrow,
.ets-mm-desktop-drawer-shell li#mm_menu_item_43-desktop-drawer > .mm_menu_content_title {
  display: none !important;
}

/* Force Kategorie #43 submenu/content to be the drawer body. */
.ets-mm-desktop-drawer-shell li#mm_menu_item_43-desktop-drawer > .mm_columns_ul {
  display: block !important;
  position: static !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ========================================================================== */
/* ADMIN OPTION: permanently open tab in side + responsive hamburger menu     */
/* ========================================================================== */

/* Custom desktop side drawer: keep selected tab content permanently visible. */
.ets-mm-desktop-drawer-shell .mm_tabs_li.mm_tab_always_open > .mm_columns_contents_ul {
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  height:auto !important;
  max-height:none !important;
}

/* Hide the disclosure chevron on rows that cannot be collapsed. */
.ets-mm-desktop-drawer-shell .mm_tabs_li.mm_tab_always_open .mm_tab_has_child::after {
  display:none !important;
  content:none !important;
}
.ets-mm-desktop-drawer-shell .mm_tabs_li.mm_tab_always_open .mm_tab_toggle_title > a {
  padding-right:24px !important;
}

/* Native responsive / hamburger Mega Menu. Works at any dynamic breakpoint. */
.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell)
.mm_tabs_li.mm_tab_always_open > .mm_columns_contents_ul {
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  height:auto !important;
  max-height:none !important;
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  width:100% !important;
}

.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell)
.mm_tabs_li.mm_tab_always_open .mm_tab_has_child::after {
  display:none !important;
  content:none !important;
}

/* Keep the permanent row visually stable instead of looking clickable/expandable. */
.ets-mm-desktop-drawer-shell .mm_tabs_li.mm_tab_always_open,
.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell)
.mm_tabs_li.mm_tab_always_open {
  overflow:visible !important;
}

.ets-mm-desktop-drawer-shell .mm_tab_toggle_title .mm_bubble_text {
    top: 0px!important;
    display: inline-block;
    font-size: 12px;
    right: 0px;
    line-height: 14px;
    margin-left: 0;
    padding: 0 5px;
    position: absolute;
    text-transform: capitalize;
    white-space: nowrap;
    border-radius: 0px 0px 0px 5px;
}

/* ========================================================================== */
/* CLEAN SIDE/MOBILE HEADER: SHOP LOGO + X                                   */
/* ========================================================================== */

.ets-mm-header-logo-img {
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:145px !important;
  max-height:30px !important;
  object-fit:contain !important;
  margin:0 !important;
}

/* Custom desktop side drawer */
.ets-mm-desktop-drawer-header {
  height:56px !important;
  min-height:56px !important;
  background:#F3F1F2 !important;
  color:#191d2d !important;
  padding:0 16px !important;
  border-bottom:1px solid #e5e5e7 !important;
  box-shadow:none !important;
}

.ets-mm-desktop-header-logo {
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  height:100% !important;
}

.ets-mm-desktop-drawer-title,
.ets-mm-desktop-hamb,
.ets-mm-desktop-back {
  display:none !important;
}

.ets-mm-desktop-drawer-close {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 38px !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  padding:0 !important;
  margin:0 -7px 0 0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  color:#191d2d !important;
  font-size:0 !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

.ets-mm-desktop-drawer-close:hover {
  background:#ddd !important;
}

/* Native responsive / hamburger menu */
.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell)
.close_menu.ets-mm-mobile-menu-header {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  float:none !important;
  clear:both !important;
  width:100% !important;
  min-width:0 !important;
  height:56px !important;
  min-height:56px !important;
  margin:0 !important;
  padding:0 16px !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  box-sizing:border-box !important;
  background:#fff !important;
  color:#191d2d !important;
  border-bottom:1px solid #e5e5e7 !important;
  box-shadow:none !important;
}

.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell)
.ets-mm-mobile-header-logo {
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  height:100% !important;
}

.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell)
.ets-mm-mobile-close {
  appearance:none !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 38px !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  margin:0 -7px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  color:#191d2d !important;
  font-size:0 !important;
  line-height:1 !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell)
.ets-mm-mobile-close:hover {
  background:#f2f3f5 !important;
}

.ets-mm-close-x {
  position:relative !important;
  display:block !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
}

.ets-mm-close-x::before,
.ets-mm-close-x::after {
  content:"" !important;
  position:absolute !important;
  left:9px !important;
  top:0 !important;
  width:2px !important;
  height:20px !important;
  background:#191d2d !important;
  border:0 !important;
  border-radius:2px !important;
  transform-origin:center !important;
}

.ets-mm-close-x::before {
  transform:rotate(45deg) !important;
}

.ets-mm-close-x::after {
  transform:rotate(-45deg) !important;
}

.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell)
.close_menu.ets-mm-mobile-menu-header *,
.ets_mm_megamenu.changestatus:not(.ets-mm-desktop-drawer-shell)
.close_menu.ets-mm-mobile-menu-header button {
  color:#191d2d !important;
}