:root{--trebol-green:#24af0f;--trebol-green-dark:#1a8f0c;--trebol-header-border:#e5e7eb;--trebol-menu-bg:#e5e5e5;--trebol-text:#2d3340;--trebol-text-muted:#6b7280;--trebol-header-max:1500px}
header>.container,header .sticky-desktop-wrapper .header-top>.container,#header .container{max-width:var(--trebol-header-max)!important;width:100%!important;padding-left:20px;padding-right:20px}
#desktop-header{border-bottom:none!important;box-shadow:none!important}
#trebol-topbar.trebol-topbar{background:var(--trebol-green);color:#fff;font-family:nunito,sans-serif;font-size:13px;width:100%;margin:0;padding:0;position:relative;z-index:5020}
.trebol-topbar__container{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;max-width:var(--trebol-header-max);margin:0 auto;padding:8px 20px;box-sizing:border-box}
.trebol-topbar__left,.trebol-topbar__right{display:flex;align-items:center;flex-wrap:nowrap;gap:14px}
.trebol-topbar__left{flex:1 1 auto;min-width:0}
.trebol-topbar__right{flex:0 0 auto;justify-content:flex-end}
.trebol-topbar__phone,.trebol-topbar__link{color:#fff!important;text-decoration:none!important;display:inline-flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}
.trebol-topbar__phone:hover,.trebol-topbar__link:hover{color:#fff!important;opacity:.92}
.trebol-topbar__shipping{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.trebol-topbar__link--plus{padding-left:14px;border-left:1px solid rgba(255,255,255,.35);font-size:12px}
#top-links-bar-wrapper.trebol-topbar-hooks,#header .header-nav{display:none!important}
.trebol-header-main{background:#fff;border-bottom:none;padding:14px 0;margin:0}
.trebol-header-main__container{max-width:var(--trebol-header-max)}
.trebol-header-main__row{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%}
.trebol-header-main__logo{flex:0 0 auto;min-width:160px}
#desktop_logo img,#desktop_logo .logo{max-height:68px;width:auto;height:auto}
.trebol-header-main__search{flex:1 1 420px;min-width:200px;max-width:680px;margin:0 auto}
.trebol-header-main__search .search-widget,.trebol-header-main__search #search_widget,.trebol-header-main__search form{width:100%;margin:0}
.trebol-header-main__search .input-group,.trebol-search-widget__group{display:flex;width:100%;border:1px solid #d1d5db;border-radius:999px;overflow:hidden;background:#eceff3;box-shadow:0 1px 3px rgba(0,0,0,.06);align-items:center;box-sizing:border-box}
.trebol-header-main__search .form-search-control,.trebol-search-widget__input{border:none!important;height:46px!important;padding:0 22px!important;font-size:15px!important;flex:1;min-width:0;box-shadow:none!important;background:#eceff3!important;border-radius:0!important}
.trebol-header-main__search .search-btn,.trebol-search-widget__btn{width:46px!important;min-width:46px!important;height:46px!important;border:none!important;border-radius:50%!important;margin:4px 4px 4px 0!important;background:var(--trebol-green)!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center}
.trebol-header-main__actions{flex:0 0 auto;display:flex;align-items:center}
.trebol-header-main__actions>.row,.trebol-header-actions{display:flex!important;align-items:center!important;gap:18px!important;margin:0!important;flex-wrap:nowrap!important}
.trebol-header-main .header-btn{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;margin:0!important;padding:2px 6px!important;min-width:58px;background:transparent!important;border:none!important}
.trebol-header-main .header-btn .icon,.trebol-header-main .header-btn>i.fa,.trebol-header-main .header-btn>i{font-size:24px!important;color:var(--trebol-green)!important}
.trebol-header-main .header-btn .title{font-size:11px!important;font-weight:600!important;color:var(--trebol-text-muted)!important}
.trebol-header-action--account #header-user-btn{display:flex;flex-direction:row;align-items:center;gap:8px}
.enviosgratis{display:none!important}
.trebol-megamenu-bar{display:block!important;width:100%;background:var(--trebol-menu-bg);/* Force grey inside ETS megamenu */border-bottom:none;position:relative;z-index:100}
.trebol-megamenu-bar .ets_mm_megamenu,
.trebol-megamenu-bar .ets_mm_megamenu_content,
.trebol-megamenu-bar .ets_mm_megamenu_content_content{background:var(--trebol-menu-bg)!important;}
.trebol-megamenu-bar .ets_mm_megamenu{width:100%}
.trebol-megamenu-bar .ets_mm_megamenu_content>.container{max-width:var(--trebol-header-max);width:100%;padding:0 20px}
.trebol-megamenu-bar .ets_mm_megamenu_content_content{display:flex;align-items:stretch;min-height:48px}
@media (min-width:992px){
.trebol-megamenu-bar .ybc-menu-toggle{display:none!important}
.trebol-megamenu-bar .mm_menus_ul{display:flex!important;flex-wrap:nowrap;align-items:stretch;width:100%;margin:0;padding:0;list-style:none}
.trebol-megamenu-bar .mm_menus_ul>li.close_menu{display:none!important}
.trebol-megamenu-bar .mm_menus_li{display:flex;align-items:center}
.trebol-megamenu-bar .mm_menus_li>a.ets_mm_url{display:flex;align-items:center;height:48px;padding:0 18px;font-weight:600;font-size:14px;white-space:nowrap;text-decoration:none}
#desktop-header{display:block!important}
#mobile-header{display:none!important}
}
.nuevo-h1{background:#fff;border-bottom:1px solid var(--trebol-header-border)}
.nuevo-h1 h1{font-size:12px!important;color:#6b7280!important;font-weight:500!important;text-align:center;margin:0;padding:6px 12px}
#header.sticky .trebol-topbar{display:none}
/* Sticky: sin hueco arriba — header pegado + franja verde fina */
#desktop-header.stuck-header{
  top:0!important;
  margin:0!important;
  padding-top:0!important;
  border-top:4px solid var(--trebol-green)!important;
}
.sticky-desktop-wrapper #desktop-header.stuck-header,
#header .sticky-desktop-wrapper{
  top:0!important;
}
@media (max-width:991px){#trebol-topbar,.trebol-header-main,.trebol-megamenu-bar{display:none!important}}
@media (max-width:1199px){.trebol-topbar__link--plus{display:none}#desktop_logo img,#desktop_logo .logo{max-height:56px}.trebol-header-main__row{gap:16px}}

/* --- Buscador: solo icono lupa (anula custom.css "Buscar") --- */
.trebol-header-main #search_widget form button.search-btn i,
.trebol-header-main .trebol-search-widget__btn i {
  font-family: FontAwesome !important;
  font-size: 17px !important;
  font-weight: normal !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
}
.trebol-header-main #search_widget form button.search-btn i:before,
.trebol-header-main .trebol-search-widget__btn i:before {
  content: "\f002" !important;
  font-family: FontAwesome !important;
  font-weight: normal !important;
}
.trebol-header-main #search_widget form button.search-btn .btn-text,
.trebol-header-main #search_widget form button.search-btn span:not(.sr-only):not(.fa) {
  display: none !important;
}

/* --- Barra menú: borde verde 2px --- */
.trebol-megamenu-bar {
  border-bottom: 2px solid var(--trebol-green) !important;
  background: var(--trebol-menu-bg) !important;
}

/* Enlaces horizontales: fondo gris (excepto Categorías y Promociones) */
@media (min-width: 992px) {
  .trebol-megamenu-bar .mm_menus_ul > li.mm_menus_li:not(.mm_menus_li_tab):not(.promocionesMenu) > a.ets_mm_url {
    background: #eceff3 !important;
    color: var(--trebol-text) !important;
    margin: 0 1px;
  }
  .trebol-megamenu-bar .mm_menus_ul > li.mm_menus_li:not(.mm_menus_li_tab):not(.promocionesMenu) > a.ets_mm_url:hover {
    background: #dfe3e8 !important;
    color: var(--trebol-green) !important;
  }

  /* Categorías (menú vertical / primera pestaña): verde */
  .trebol-megamenu-bar .mm_menus_ul > li.mm_menus_li.mm_menus_li_tab > a.ets_mm_url {
    background: var(--trebol-green) !important;
    color: #fff !important;
    margin: 0;
    min-width: 140px;
    justify-content: center;
  }
  .trebol-megamenu-bar .mm_menus_ul > li.mm_menus_li.mm_menus_li_tab > a.ets_mm_url:hover {
    background: var(--trebol-green-dark) !important;
    color: #fff !important;
  }
  .trebol-megamenu-bar .mm_menus_ul > li.mm_menus_li.mm_menus_li_tab > a.ets_mm_url i {
    color: #fff !important;
  }

  /* Promociones: rojo + icono fuego */
  .trebol-megamenu-bar .mm_menus_li.promocionesMenu > a.ets_mm_url {
    background: #e30613 !important;
    color: #fff !important;
    gap: 8px;
  }
  .trebol-megamenu-bar .mm_menus_li.promocionesMenu > a.ets_mm_url:hover {
    background: #c40510 !important;
    color: #fff !important;
  }
  .trebol-megamenu-bar .mm_menus_li.promocionesMenu > a.ets_mm_url .mm_menu_content_title::before {
    content: "\f06d";
    font-family: FontAwesome;
    font-weight: normal;
    margin-right: 8px;
    font-size: 15px;
    display: inline-block;
  }
}

/* --- Fix lupa: que quede dentro del pill --- */
.trebol-header-main__search .input-group,
.trebol-search-widget__group {
  padding-right: 4px !important;
  box-sizing: border-box;
  background: #eceff3 !important;
}

.trebol-header-main #search_widget form button.search-btn,
.trebol-header-main__search .search-btn,
.trebol-search-widget__btn {
  margin: 0 4px 0 0 !important;
  border-radius: 999px !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden;
  flex: 0 0 46px;
}

.trebol-header-main #search_widget form button.search-btn i,
.trebol-header-main__search .search-btn i,
.trebol-search-widget__btn i {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  width: auto !important;
  color: #fff !important;
}

/* Iconos cuenta/carrito verdes (anula morado) */
.trebol-header-main .header-btn .icon,
.trebol-header-main .header-btn > i,
.trebol-header-main .header-user-btn .icon,
.trebol-header-main .header-cart-btn .icon,
.trebol-header-main .header-btn-w .header-btn > .icon {
  color: var(--trebol-green) !important;
}

/* --- Tipografias menu/header (Nunito) --- */
#trebol-topbar,
#trebol-topbar * ,
.trebol-header-main,
.trebol-header-main * ,
.trebol-megamenu-bar,
.trebol-megamenu-bar * {
  font-family: 'Nunito', nunito, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
}

.trebol-megamenu-bar .mm_menus_li > a.ets_mm_url,
.trebol-megamenu-bar .mm_menu_content_title {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.trebol-header-main__search .form-search-control {
  font-weight: 500 !important;
}


/* --- Menú móvil: drawer completo --- */
@media (max-width: 991px) {
  .col-mobile-menu-push #_mobile_iqitmegamenu-mobile,
  .col-mobile-menu-push #_mobile_iqitmegamenu-mobile.trebol-mobile-megamenu-panel {
    width: min(86vw, 360px) !important;
    max-width: 86vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 10050 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: #f3f4f6 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.28);
    -webkit-overflow-scrolling: touch;
  }

  .col-mobile-menu-push.show #_mobile_iqitmegamenu-mobile,
  .col-mobile-menu-push.show #_mobile_iqitmegamenu-mobile.dropdown-menu {
    display: block !important;
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .col-mobile-menu-push.show #mobile_menu_click_overlay {
    z-index: 10040 !important;
    background: rgba(0, 0, 0, 0.45) !important;
  }

  #_mobile_iqitmegamenu-mobile .ets_mm_megamenu,
  #_mobile_iqitmegamenu-mobile .ets_mm_megamenu.transition_floating,
  #_mobile_iqitmegamenu-mobile .ets_mm_megamenu.transition_fade,
  #_mobile_iqitmegamenu-mobile .ets_mm_megamenu.changestatus {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    background: #f3f4f6 !important;
  }

  #_mobile_iqitmegamenu-mobile .ets_mm_megamenu_content,
  #_mobile_iqitmegamenu-mobile .ets_mm_megamenu_content_content,
  #_mobile_iqitmegamenu-mobile .ets_mm_megamenu .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
    float: none !important;
    background: #f3f4f6 !important;
  }

  #_mobile_iqitmegamenu-mobile .ybc-menu-toggle,
  #_mobile_iqitmegamenu-mobile .ybc-menu-toggle.opened:before,
  #_mobile_iqitmegamenu-mobile .transition_floating .ybc-menu-toggle.opened:before,
  #_mobile_iqitmegamenu-mobile .clearfix {
    display: none !important;
    content: none !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_menus_ul,
  #_mobile_iqitmegamenu-mobile .transition_floating .mm_menus_ul,
  #_mobile_iqitmegamenu-mobile .transition_fade .mm_menus_ul,
  #_mobile_iqitmegamenu-mobile .changestatus .mm_menus_ul,
  #_mobile_iqitmegamenu-mobile .mm_menus_ul.active {
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: auto !important;
    overflow: visible !important;
    background: #f3f4f6 !important;
    list-style: none !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_menus_li {
    float: none !important;
    width: 100% !important;
    border: none !important;
    margin: 0 !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_menus_li > a.ets_mm_url {
    display: flex !important;
    align-items: center;
    height: auto !important;
    min-height: 48px;
    padding: 12px 16px !important;
    white-space: normal;
    font-weight: 700 !important;
    font-size: 15px !important;
    border-bottom: 1px solid #e5e7eb;
  }

  #_mobile_iqitmegamenu-mobile .mm_menus_li_tab > a.ets_mm_url,
  #_mobile_iqitmegamenu-mobile .mm_menus_li_tab > a.ets_mm_url .mm_menu_content_title {
    background: var(--trebol-green) !important;
    color: #fff !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_menus_li:not(.mm_menus_li_tab):not(.promocionesMenu) > a.ets_mm_url {
    background: #fff !important;
    color: var(--trebol-text) !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_menus_li.promocionesMenu > a.ets_mm_url {
    background: #e30613 !important;
    color: #fff !important;
  }

  /* Header cerrar */
  #_mobile_iqitmegamenu-mobile .close_menu {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
    background: var(--trebol-green) !important;
    color: #fff !important;
    padding: 8px 8px 8px 16px;
    border-bottom: 2px solid var(--trebol-green-dark);
    position: sticky;
    top: 0;
    z-index: 5;
    float: none !important;
  }

  #_mobile_iqitmegamenu-mobile .close_menu .pull-left,
  #_mobile_iqitmegamenu-mobile .close_menu .pull-right {
    float: none !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
  }

  #_mobile_iqitmegamenu-mobile .close_menu .pull-left {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 700;
  }

  #_mobile_iqitmegamenu-mobile .close_menu .pull-right {
    flex: 0 0 auto;
    margin-left: auto !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  #_mobile_iqitmegamenu-mobile .close_menu .icon-bar {
    background: #fff !important;
  }

  #_mobile_iqitmegamenu-mobile .close_menu .mm_menus_back_icon {
    border: none !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative !important;
    transform: none !important;
    -webkit-transform: none !important;
    cursor: pointer;
    flex: 0 0 44px;
  }

  #_mobile_iqitmegamenu-mobile .close_menu .mm_menus_back_icon::before,
  #_mobile_iqitmegamenu-mobile .close_menu .mm_menus_back_icon::after {
    content: "" !important;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 2px;
    background: #fff;
    border: none !important;
    margin: 0 !important;
    transform-origin: center;
  }

  #_mobile_iqitmegamenu-mobile .close_menu .mm_menus_back_icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }

  #_mobile_iqitmegamenu-mobile .close_menu .mm_menus_back_icon::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  /* Reset layout desktop (left:230px, floats, + rota) */
  #_mobile_iqitmegamenu-mobile .mm_columns_ul,
  #_mobile_iqitmegamenu-mobile .mm_columns_ul_tab,
  #_mobile_iqitmegamenu-mobile .mm_columns_contents_ul,
  #_mobile_iqitmegamenu-mobile .mm_tabs_ul,
  #_mobile_iqitmegamenu-mobile .mm_columns_li,
  #_mobile_iqitmegamenu-mobile .mm_blocks_ul,
  #_mobile_iqitmegamenu-mobile .mm_tabs_li,
  #_mobile_iqitmegamenu-mobile .mm_blocks_li {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_menus_li.mm_has_sub {
    position: relative !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_menus_li.mm_has_sub > a.ets_mm_url {
    padding-right: 52px !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_menus_li.mm_has_sub > .mm_columns_ul {
    display: none !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_menus_li.mm_has_sub > .mm_columns_ul.active {
    display: block !important;
    clear: both;
    visibility: visible !important;
    opacity: 1 !important;
    background: #fff !important;
  }

  /* Tabs categorías */
  #_mobile_iqitmegamenu-mobile .mm_tab_li_content {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    background: #fff !important;
    border-bottom: 1px solid #e5e7eb;
    min-height: 48px;
  }

  #_mobile_iqitmegamenu-mobile .mm_tab_has_child {
    position: relative !important;
    width: 100% !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_tab_has_child::after {
    border-right: 2px solid #9ca3af !important;
    border-top: 2px solid #9ca3af !important;
    border-left: none !important;
    border-bottom: none !important;
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    right: 18px !important;
    top: 50% !important;
    margin-top: 0 !important;
    transform: translateY(-70%) rotate(45deg) !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_tab_li_content.opened .mm_tab_has_child::after {
    transform: translateY(-30%) rotate(135deg) !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_tab_name.mm_tab_toggle {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    float: none !important;
    width: 100% !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_tab_toggle_title {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    flex-wrap: nowrap !important;
    float: none !important;
    min-width: 0 !important;
    padding: 12px 48px 12px 16px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_tab_toggle_title .ets_mm_url,
  #_mobile_iqitmegamenu-mobile .mm_tab_toggle_title > a {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    color: var(--trebol-green) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_tab_toggle_title img,
  #_mobile_iqitmegamenu-mobile .mm_menu_content_title img,
  #_mobile_iqitmegamenu-mobile .mm_menus_li > a.ets_mm_url img {
    flex: 0 0 22px !important;
    width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    display: inline-block !important;
    margin: 0 !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_tab_toggle_title .fa,
  #_mobile_iqitmegamenu-mobile .mm_menu_content_title .fa {
    font-family: FontAwesome !important;
    font-size: 18px;
    width: 22px;
    text-align: center;
    flex: 0 0 22px;
  }

  /* Contenido de tab: accordion, ancho completo */
  #_mobile_iqitmegamenu-mobile .mm_columns_contents_ul {
    display: none !important;
    width: 100% !important;
    left: auto !important;
    right: auto !important;
    padding: 0 0 8px !important;
    margin: 0 !important;
    background: #f9fafb !important;
    border-bottom: 1px solid #e5e7eb;
  }

  #_mobile_iqitmegamenu-mobile .mm_columns_contents_ul.active,
  #_mobile_iqitmegamenu-mobile .mm_tabs_li.open > .mm_columns_contents_ul,
  #_mobile_iqitmegamenu-mobile .mm_tab_li_content.opened + .mm_columns_contents_ul {
    display: block !important;
  }

  #_mobile_iqitmegamenu-mobile .ets_mm_block {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  #_mobile_iqitmegamenu-mobile .ets_mm_block > .h4 {
    display: block !important;
    margin: 0 !important;
    padding: 10px 16px 6px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6b7280 !important;
    background: #f9fafb !important;
  }

  #_mobile_iqitmegamenu-mobile .ets_mm_block > .h4 a {
    color: inherit !important;
    font-size: inherit !important;
  }

  #_mobile_iqitmegamenu-mobile .ets_mm_block_content {
    padding: 0 !important;
  }

  #_mobile_iqitmegamenu-mobile .ets_mm_categories {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    position: relative !important;
    left: auto !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  #_mobile_iqitmegamenu-mobile .ets_mm_categories > li {
    position: relative !important;
    width: 100% !important;
    float: none !important;
    border-bottom: 1px solid #eef0f3;
  }

  #_mobile_iqitmegamenu-mobile .ets_mm_categories > li > a.ets_mm_url {
    display: block !important;
    padding: 12px 48px 12px 16px !important;
    color: var(--trebol-text) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    background: transparent !important;
  }

  /* Oculta banners / HTML images en panel móvil */
  #_mobile_iqitmegamenu-mobile .mm_block_type_html .ets_mm_block_content img,
  #_mobile_iqitmegamenu-mobile .mm_block_type_image,
  #_mobile_iqitmegamenu-mobile .mm_columns_contents_ul .ets_mm_block_content > img,
  #_mobile_iqitmegamenu-mobile .item_has_img,
  #_mobile_iqitmegamenu-mobile .ets_mm_block > .h4 + img {
    display: none !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_block_type_html .ets_mm_block_content {
    padding: 12px 16px;
    font-weight: 700;
    font-size: 15px;
    color: var(--trebol-text);
    background: #fff;
  }

  /*
   * TODAS las flechas del drawer: chevron limpio.
   * El "+" ETS (1px+1px) se veía como imagen rota.
   */
  #_mobile_iqitmegamenu-mobile .arrow {
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 44px !important;
    z-index: 4 !important;
    cursor: pointer;
    background: transparent !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: none !important;
    float: none !important;
  }

  #_mobile_iqitmegamenu-mobile .arrow::before {
    display: none !important;
    content: none !important;
    border: none !important;
  }

  #_mobile_iqitmegamenu-mobile .arrow::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    width: 8px !important;
    height: 8px !important;
    margin: 0 !important;
    border: none !important;
    border-right: 2px solid #9ca3af !important;
    border-bottom: 2px solid #9ca3af !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: translate(-50%, -70%) rotate(45deg) !important;
  }

  #_mobile_iqitmegamenu-mobile .arrow.opened::after {
    transform: translate(-50%, -30%) rotate(-135deg) !important;
  }

  #_mobile_iqitmegamenu-mobile .mm_menus_li.mm_has_sub > .arrow::after,
  #_mobile_iqitmegamenu-mobile .mm_menus_li_tab > .arrow::after {
    border-right-color: #fff !important;
    border-bottom-color: #fff !important;
  }

  /* Nested categorías (Champús, Tintes…): ocultas hasta .active */
  #_mobile_iqitmegamenu-mobile .ets_mm_categories li.has-sub > ul.ets_mm_categories {
    display: none !important;
    height: auto !important;
    overflow: hidden !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 12px !important;
    border: none !important;
    box-shadow: none !important;
    background: #f3f4f6 !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    left: auto !important;
  }

  #_mobile_iqitmegamenu-mobile .ets_mm_categories li.has-sub > ul.ets_mm_categories.active {
    display: block !important;
  }

  #_mobile_iqitmegamenu-mobile .ets_mm_categories li.has-sub > ul.ets_mm_categories > li > a.ets_mm_url {
    font-weight: 500 !important;
    font-size: 13px !important;
    color: #4b5563 !important;
    padding-left: 16px !important;
  }
}

/* --- Fix iconos FontAwesome (barras, lupa, etc.) --- */
#trebol-topbar i.fa,
#trebol-topbar i.fas,
#trebol-topbar i.fab,
.trebol-header-main i.fa,
.trebol-header-main i.fas,
.trebol-header-main i.fab,
.trebol-megamenu-bar i.fa,
.trebol-megamenu-bar i.fas,
.trebol-megamenu-bar i.fab {
  font-family: FontAwesome !important;
  font-style: normal;
  font-weight: normal;
}