@media screen and (max-width: 1199px) {
  .margin-principal { margin-top: 0px !important; } 
  .navbar-collapse { padding-left: 0 !important; padding-right: 0 !important; }
  .cbp-af-header.cbp-af-header-shrink .nav-item, .nav-item { padding: 0; }
}

@media screen and (min-width: 991px) {
  /* #region ANIMACIONES */
  .delay0{animation-delay: 0s;}
  .delay1{animation-delay: 0.25s;}
  .delay2{animation-delay: 0.5s;}
  .delay3{animation-delay: 0.75s;}
  /* #endregion */

  .filters-list.collapse{display: block;}
  .filter .filter-title i{display: none;}
}
@media screen and (max-width: 991px) {
  /* [MODULS-B · FINE-1 · P0-4] `.nav-item.dropdown ...` d'aquest bloc només el renderitza el
     mòdul Menu (`themes/irtheme/modules/menu.html`, arrel `.menu.legacy-menu`) — la capçalera
     del lloc (MenuHeader, `.hv2-header`) fa servir `.dropdown-menu .toggler-inside` (verificat
     amb `curl` sobre el render real i `themes/irtheme/modules/menuheader_v2.html`). S'exclou el
     mòdul Menu de les regles `.nav-item.dropdown` (`:not(.menu *)`, la mida/marcador ja els dona
     GE a moduls.css — doble marcador, P0-12).
     [MODULS-B · FINE-1 · P0-4 · RONDA 2 — UI/UX «xebró a Productos sense fills»] La decisió
     original NOMÉS excloïa `.nav-item.dropdown`, no `.dropdown-menu .toggler-inside:after`
     («que NO es toca aquí»): aquest darrer selector és genèric (sense `.menu`/`.hv2-header` al
     davant) i CASA IGUALMENT amb els `.toggler-inside` que el mòdul Menu (GE, `moduls.css:1674`)
     ja qualifica amb `.dropdown` (només ítems AMB submenú) — pintava un xebró duplicat fins i tot
     en ítems SENSE fills («Productos»). S'hi afegeix ara el mateix `:not(.menu *)`: exclou el
     mòdul Menu (que ja té el seu propi marcador a GE) sense tocar la capçalera `.hv2-header`
     (verificat: `.hv2-header .dropdown-menu .toggler-inside` no és descendent de `.menu`, els
     seus `::after` abans/després són idèntics).
     [FINE-E5 · D3 2026-09-25] `.dropdown-menu .toggler-inside:not(.menu *):after` seguia sense
     ancoratge a `.nav-item.dropdown`: `menu_dropdown.html:8` emet `.toggler-inside` a TOTS els
     ítems del desplegable (amb fills o sense — `modules/menuheader.php` només marca `.dropdown`
     a l'ítem quan `hasChildren`), així que el xebró sortia també sota «Productos», que no en té.
     S'hi afegeix `.nav-item.dropdown` com a avantpassat (mateix patró que `.toggler:after` a la
     mateixa regla), sense tocar `:not(.menu *)`: el mòdul Menu continua exclòs igual. */
  .nav-item.dropdown:not(.menu *) a::after { content: ""; display: none }
  .nav-item.dropdown:not(.menu *) .toggler:after, .nav-item.dropdown .toggler-inside:not(.menu *):after { content: "\f107"; font-family: FontAwesome; margin-left: 0px; transform: rotate(-90deg); display: block; line-height: 12px; width: 20px; height: 20px; text-align: center; transition: all .2s linear; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
  .nav-item.dropdown:not(.menu *).show .toggler:after, .nav-item.dropdown .toggler-inside:not(.menu *):after { transform: rotate(0deg); }
  .nav-item.dropdown:not(.menu *) ul li .toggler:after { content: ''; display: none; }
  .nav-item.dropdown:not(.menu *) a .toggler { width: 20px; display: block; position: absolute; height: 20px; right: -35px; top: 0px; }
  .nav-item.dropdown:not(.menu *).show .toggler:after, .nav-item.dropdown .toggler-inside:not(.menu *):after {  transform: rotate(0deg); }
  .nav-item.dropdown:not(.menu *) ul li .toggler:after { content: ''; display: none; }
  .nav-item.dropdown:not(.menu *) a .toggler, .nav-item.dropdown:not(.menu *) a .toggler-inside { width: 20px; display: block; position: absolute; height: 20px; right: -35px; top: 0px; }
  .main-navigation .navbar-collapse.collapsing .dropdown-menu {display: none !important}
  .main-navigation .navbar-collapse.show .dropdown-menu { display: block !important }
  .main-navigation .dropdown-menu { transition: all .5s linear; overflow: hidden; }
  .main-navigation .dropdown-menu.show {}
  .dropdown-item { padding: 0;}

  .ecommerce-actions { position: absolute; z-index: 0; right: 40px; }

	.extended.buscador-list-item .buscador-form .search-form .buscador-group {left: -100px !important; width: auto;}
  .extended.buscador-list-item .buscador-form .search-form .extensor-buscador{visibility: hidden;}

  .filter{margin-bottom: 15px;}
  .filter .filter-title{cursor: pointer; pointer-events: all;}
}

@media screen and (max-width: 768px) {
  .logged .ecommerce-actions .main-navigation.navbar ul.menuuser0 .nav-item .dropdown-menu { box-shadow: unset; padding: 0; top: unset; left: -180px; height: auto; }
  .ecommerce-actions .main-navigation.navbar ul.menuuser0 .nav-item .dropdown-menu { left: -30px; }
}

@media screen and (max-width: 576px) {
  .ecommerce-actions .main-navigation.navbar ul.menuuser0 .nav-item .dropdown-menu { left: -50px; }
}

@media screen and (max-width: 480px) {
  .ecommerce-actions { position: unset; }
  .ecommerce-actions .carrito { margin-left: 15px; }
  .ecommerce-actions .carrito #cant_carrito { left: 35px; }

  .logged .ecommerce-actions .main-navigation.navbar ul.menuuser0 .nav-item .dropdown-menu { box-shadow: unset; padding: 0; top: unset; left: -10px; height: auto; }
  .ecommerce-actions .main-navigation.navbar ul.menuuser0 .nav-item .dropdown-menu { box-shadow: unset; padding: 0; top: unset; left: -10px; height: auto; }
}

@media screen and (max-width: 320px) {

}