/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 #iqitmegamenu-mobile {
    padding-top: 50px;
    position: relative;
}
.mobile-menu-close {
    position: absolute;
    top: 10px;
    left: auto;
    right: 10px;
    font-size: 20px;
}
.mobile-menu-close i {
color:#999;
}
.mobile-menu-close:hover i {
color:#000;
}

.col-mobile-menu-push #_mobile_iqitmegamenu-mobile {
    width: 98%;
}
 .blockreassurance{padding-top:10px;text-align:center;width:100%}
 .blockreassurance .reass-item{display:inline-block;text-align:center;vertical-align:top}
 .blockreassurance .block-title{font-weight:bold}
 .blockreassurance .block-icon,.blockreassurance .block-icon img,.blockreassurance .block-icon svg{height:70px}
 @media (max-width: 575px){
	 .blockreassurance{text-align:left}
	 .blockreassurance .block-icon{display:inline-block;height:35px;float:left;margin:10px;width:35px}
	 .blockreassurance .block-icon img,.blockreassurance .block-icon svg{height:35px;width:35px}
	 .blockreassurance .block-title{display:inline-block;height:35px;max-width:calc(100% - 55px);padding-top:10px}
}
.blockreassurance_product{margin-top:25px}
.blockreassurance_product .item-product{display:inline-block;height:35px;float:left;margin-right:5px;padding-top:5px;width:35px}
.blockreassurance_product .item-product img,
.blockreassurance_product .item-product svg{height:35px;width:35px}
.blockreassurance_product p.block-title{line-height:40px}
body#checkout .container-blockreassurance{min-height:auto}
.chatwith.rightpos {
	left: 5px !important;
	right: auto !important;
}


#module-iqitsearch-searchiqit #inner-wrapper {min-height: 400px;}

@media only screen and (max-width : 1024px) {
	ul.top2 li span {display:block;} 
	.col-mobile-logo a .logo {max-width: 150px;}
	ul.top2 {
		list-style: none;
		display: flex;
	}
}
@media only screen and (max-width : 1024px) {
	#module-iqitsearch-searchiqit #inner-wrapper {min-height: 200px;}
}
@media only screen and (max-width : 768px) {
	#module-iqitsearch-searchiqit #inner-wrapper {min-height: 450px;}
}
@media only screen and (max-width : 640px) {
	#module-iqitsearch-searchiqit #inner-wrapper {min-height: 150px;}
}
@media only screen and (max-width : 480px) {
	#module-iqitsearch-searchiqit #inner-wrapper {min-height: 250px;}
}
/*# sourceMappingURL=front.css.map*/

#maintenance-page h1 {display:none !important;}
/* arreglar menu movil */
/* =========================================================
   ESTILOS MENU MÓVIL IQITMEGAMENU - WAREHOUSE MULTITIENDA
   ========================================================= */

/* 1. Posición relativa para los elementos con sublista */
#iqitmegamenu-mobile li {
    position: relative !important;
}

/* 2. Ocultar todas las sublistas secundarias inicialmente */
#iqitmegamenu-mobile ul li ul {
    display: none;
}

/* 3. Muestra de sublistas cuando el elemento tiene clase activa */
#iqitmegamenu-mobile ul li.is-active > ul,
#iqitmegamenu-mobile ul li.open > ul {
    display: block !important;
}

/* 4. Sangría jerárquica para subniveles */
#iqitmegamenu-mobile ul li ul li {
    padding-left: 15px !important;
}
#iqitmegamenu-mobile ul li ul li ul li {
    padding-left: 30px !important;
}

/* 5. Botón de desplegar (área táctil y posicionamiento) */
#iqitmegamenu-mobile .mm-expand {
    position: absolute !important;
    right: 10px !important;
    top: 0 !important;
    cursor: pointer !important;
    z-index: 100 !important;
    display: inline-block !important;
    width: 44px !important;
    height: 44px !important;
    text-align: center !important;
    line-height: 44px !important;
    pointer-events: auto !important;
}

/* 6. Evita que el icono interno intercepte el clic del botón */
#iqitmegamenu-mobile .mm-expand i {
    pointer-events: none !important;
    font-family: 'FontAwesome' !important;
    font-style: normal !important;
    font-weight: normal !important;
}

/* 7. Alternancia de iconos de flecha (Abajo / Arriba) */
#iqitmegamenu-mobile .mm-expand .close-icon {
    display: none !important;
}
#iqitmegamenu-mobile .mm-expand .expand-icon {
    display: inline-block !important;
}

#iqitmegamenu-mobile ul li.is-active > .mm-expand .expand-icon,
#iqitmegamenu-mobile ul li.open > .mm-expand .expand-icon {
    display: none !important;
}

#iqitmegamenu-mobile ul li.is-active > .mm-expand .close-icon,
#iqitmegamenu-mobile ul li.open > .mm-expand .close-icon {
    display: inline-block !important;
}
#iqitmegamenu-mobile .mm-panel__header,
#iqitmegamenu-mobile .mobile-menu__language-currency,
#iqitmegamenu-mobile .mobile-menu__footer {
	display:none !important;
}
/* # arreglar menu movil */