/* ============================================================
   BREADCRUMB
   Inclou: breadcrumb de producte, arxiu i resultats de cerca
   Responsive: @media 920px
   ============================================================ */
.product_breadcrumb{ padding: 0; font-size: 12px; text-transform: uppercase; color: #666; margin: 10px 0 0 20px; line-height: 1.5; }
.product_breadcrumb a{ color: #666; }
.product_breadcrumb a:hover{ text-decoration: underline; }

.archive_breadcrumb{ margin: 10px 0 0 0; }

@media only screen and (max-width: 920px) {
	.product_breadcrumb{ margin: 0 0 10px 0px; }
}

.search_breadcrumb{ font-size: 15px; text-transform: uppercase; color: #666; font-weight: bold; letter-spacing: 1.3px; margin: 20px 0 20px 30px; }
.search_breadcrumb div{ background-color: #000; color: #fff; padding: 10px 15px; margin-top: 10px; display: inline-block; }




/* ==========================================================================
   NOU COMPONENT: TARGETA DE PRODUCTE MINIMALISTA (.item_producto)
   Component minimalista: imatge sobre fons crema, tags de pell,
   títol, necessitats, preu, botó de compra.
   Responsive: @media 900px, 480px
   ========================================================================== */
.item_producto { 
    padding: 0; 
    position: relative; 
    display: flex;
    flex-direction: column;
    background: #fff;
    height: 100%;
    margin-bottom: 25px;
    box-sizing: border-box;
    /* --- ELS DETALLS PREMIUM DE LA CAPTURA --- */
    border: 1px solid #d3d3d3; /* Un vora ultra-suau perquè es note el límit de la targeta */
    border-radius: 12px;       /* Cantonades arrodonides a tota la caixa */
    overflow: hidden;          /* Súper important: així el fons gris de la foto no es menja la vora redona superior */
}

/* --- CAPA SUPERIOR: IMATGE SOBRE FONS CREMA --- */
.ns_product_image_wrapper { 
    position: relative; 
    width: 100%; 
    aspect-ratio: 1 / 1.05; 
    background-color: #F6F6F6; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    overflow: hidden;
    border-top-left-radius: 12px;  
    border-top-right-radius: 12px;
}
.ns_product_img_link { 
    display: flex;             /* <--- Forcem flexbox ací també */
    align-items: center;
    justify-content: center;
    width: 90%;                /* Deixem un 10% net de marge de seguretat general */
    height: 90%;               
    text-align: center; 
}
.ns_product_image_wrapper img { 
    max-width: 100%; 
    max-height: 100%;          /* <--- CLAU: Canviem height: 100% per max-height: 100% */
    width: auto;               /* <--- Forcem que l'amplada s'ajuste de forma proporcional */
    height: auto;              /* <--- Forcem que l'alçada s'ajuste de forma proporcional */
    object-fit: contain;       /* El salvavides que manté el ràtio original del pot de cosmètica */
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); 
}

/* El cercle de descompte magenta perfecte de la captura */
.ns_discount_circle { 
    position: absolute; 
    top: 15px; 
    right: 15px; 
    z-index: 30; /* <--- Pugem a 30 per assegurar que flota per damunt de la foto gran */
    width: 46px; 
    height: 46px; 
    background-color: #E21B6B; 
    color: #fff; 
    font-size: 12px; 
    font-weight: 700; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    letter-spacing: -0.3px;
    box-shadow: 0 4px 10px rgba(226, 27, 107, 0.15);
}

/* --- CAPA INTERMÈDIA: METADADES I TEXTOS --- */
.ns_product_content { 
    padding: 15px 15px 5px 15px; /* Passem de 5px a 15px als costats perquè respire dins del marc */
    display: flex; 
    flex-direction: column; 
}

/* Fila 1: Tipus de pell (Just davall de la imatge) */
.ns_skin_tags_row { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.ns_tag_pill { 
    font-size: 11px; 
    padding: 3px 10px; 
    border-radius: 20px; 
    font-weight: 500;
    color: #4A5568;
    background-color: #E2E8F0; /* Color neutre per defecte */
}

/* Fila 2: Títol del producte */
.ns_product_title { font-size: 15px; font-weight: 500; text-align: left; margin: 0 0 10px 0; line-height: 1.3; color: #000; }
.ns_product_title a { color: #000; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Fila 3: Necessitats (Pills inferiors de color pastís molt suau) */
.ns_need_tags_row { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 15px; }
.ns_need_pill { 
    font-size: 11px; 
    padding: 2px 10px; 
    border-radius: 4px; 
    font-weight: 500;
    /* Reutilitzem el color del root de la utilitat rebaixant-lo automàticament al 12% d'opacitat */
    background-color: color-mix(in srgb, var(--accent, #f0f0f0) 12%, #fff); 
    color: var(--accent, #333);
}

/* Fila 4: Àrea de preus neta */
.ns_product_price_area .producto_precio { font-size: 18px; font-weight: bold; color: #000; display: flex; align-items: baseline; gap: 8px; }
.ns_product_price_area del { font-size: 13px; opacity: 0.4; font-weight: normal; text-decoration: line-through; }
.ns_product_price_area ins { text-decoration: none; font-weight: 800; }


/* ==========================================================================
   --- CAPA INFERIOR DE COMPRA: EL SANEJAMENT DEFINITIU ---
   ========================================================================== */
.boto_comprar { 
    margin-top: auto; 
    padding: 10px 15px 15px 15px; 
    width: 100%; 
    box-sizing: border-box;
}

/* Bloc d'estructura del botó unificat, recolzat en el pare per guanyar a l'Ajax */
.item_producto .added_to_cart_product_bt { 
    background-color: #000 !important; 
    color: #fff !important; 
    cursor: pointer; 
    width: 100% !important; 
    padding: 12px 10px 12px 35px !important; /* Espai unificat esquerre fix per a okeys i icona */
    font-size: 10px !important; 
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    position: relative !important; 
    display: flex !important; 
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important; 
    transition: background 0.2s ease, transform 0.1s ease;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
    white-space: nowrap !important; /* Línia única forçada al carrosser */
}
.item_producto .added_to_cart_product_bt:hover { background-color: #222 !important; }
.item_producto .added_to_cart_product_bt:active { transform: scale(0.98) !important; }

/* El text intern (Esborrem qualsevol herència o duplicat rebel de baix) */
.item_producto .andir_anadido { 
    display: inline-block !important;
    width: 100% !important;
    white-space: nowrap !important; /* <--- Prohibició absoluta i total de trencar la línia */
    text-align: center !important; 
    line-height: 1 !important;
    letter-spacing: 0.3px !important;
}
.item_producto .andir_anadido span { font-size: 13px !important; margin-right: 4px !important; font-weight: bold !important; }

/* Icona de la bossa blanca */
.item_producto .added_to_cart_img { 
    position: absolute !important; 
    left: 14px !important; 
    top: 50% !important; 
    transform: translateY(-50%) !important; 
    pointer-events: none !important; 
    display: flex !important; 
    align-items: center !important; 
}
.item_producto .added_to_cart_img img { width: 14px !important; height: auto !important; }

/* Controls d'animació natius conservats */
.item_producto .added_to_cart_product_bt .ok { 
    position: absolute !important; 
    left: 13px !important; 
    top: 50% !important; 
    transform: translateY(-50%) !important; 
    opacity: 0; 
    pointer-events: none !important; 
    width: 16px !important; 
    height: 16px !important; 
    background-image: url('images/ok.png') !important; 
    background-size: cover !important; 
}
.item_producto .added_to_cart_product_bt .spin { 
    position: absolute !important; 
    left: 11px !important; 
    top: 50% !important; 
    transform: translateY(-50%) !important; 
    opacity: 0; 
    pointer-events: none !important; 
    width: 20px !important; 
    height: 20px !important; 
    background-image: url('images/loading.gif') !important; 
    background-size: cover !important; 
}

/* VARIACIÓ ACCIONS: Botó d'èxit Gris completat de WooCommerce */
.item_producto .added_to_cart_product_bt.added_to_cart_completed,
.item_producto .added_to_cart_product_bt.added { 
    background-color: #5A5A5A !important; /* Forcem el gris elegant de 02.png */
    color: #fff !important;
    padding: 12px 10px 12px 32px !important; /* Reajust lleuger per a donar aire al text "AÑADIDO" */
}

/* VARIACIÓ ACCIONS: Estat Esgotat natiu de la graella */
.item_producto .added_to_cart_nostock,
.item_producto .ns_btn_agotado { 
    background-color: #BCBCBC !important; 
    color: #fff !important; 
    padding: 12px 10px !important; 
    pointer-events: none !important;
    justify-content: center !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
}
.item_producto .added_to_cart_nostock .added_to_cart_img,
.item_producto .added_to_cart_nostock .ok,
.item_producto .added_to_cart_nostock .spin { display: none !important; }
.item_producto .added_to_cart_nostock .andir_anadido { text-align: center !important; width: 100% !important; }


/* --- RESPONSIVE ESPECÍFIC DEL COMPONENT --- */
@media only screen and (max-width: 900px) {
    .ns_product_content { padding: 12px 2px; }
    .ns_product_title { font-size: 13.5px; margin-bottom: 8px; }
    .ns_discount_circle { width: 40px; height: 40px; font-size: 11px; top: 10px; right: 10px; }
    .ns_product_price_area .producto_precio { font-size: 15px; }
    .item_producto .added_to_cart_product_bt { padding: 10px 5px 10px 28px !important; font-size: 10px !important; }
    .item_producto .added_to_cart_img { left: 10px; }
}
@media only screen and (max-width: 480px) {
    .ns_skin_tags_row, .ns_need_tags_row { gap: 4px; }
    .ns_tag_pill, .ns_need_pill { font-size: 10px; padding: 2px 8px; }
}










/* ============================================================
   ARXIU / LLISTAT DE PRODUCTES
   Inclou: menú lateral (NSM), grid de productes, categories,
   subsubcategories, navegació entre categories, regalos navidad.
   Responsive: @media 1000px, 950px, 900px, 763px, 600px
   ============================================================ */
.single-product-container{ width: 100%; max-width: 1500px; margin: auto; padding: 10px; position: relative; }
.container_archive{ width: 100%; max-width: 1500px; margin: auto; padding: 10px; position: relative; display:flex; flex-wrap: wrap; justify-content: space-between; }
	
	.archive_menu_mobile{ display: none; }
	.archive_menu_mobile select{ padding: 10px 40px 10px 10px; height: 39px; }

	/* MENÚ --------------------------- */
	.archive_menu{ width: 24%; padding-top: 20px; }

		/*categoria ----------------------*/
		.archive_menu_item{ text-transform: uppercase; font-size: 13px; position: relative; width: 100%; 
			padding: 0 20px 12px 20px; border-bottom: 1px solid #ccc; margin-bottom: 12px; color: #000; }
			
			.menu_item_on .marca_on{ display: none; }
			.menu_item_off .marca_off{ display: none; }

			.menu_item_off:hover .marca_off{ display: block; }
			.menu_item_off:hover .marca_on{ display: none; }

			.archive_menu_item_before{ position: absolute; margin-left: -20px; margin-top: 1px; width:10px; height:10px; background-color:#000; }
			.archive_menu_item_before_off{ position: absolute; margin-left: -20px; margin-top: 1px; width:10px; height:10px; border:1px solid #000; }

			.archive_menu_item_after{ position: absolute; right: 3px; margin-top:-11px; }
				.archive_menu_item_after div{ width: 10px; height:10px; background-image:url('images/right_menu.png'); background-size:contain; background-repeat:no-repeat;  }

		/*subcategoria------------------*/
		.archive_submenu_item{ text-transform: uppercase; font-size: 12px; position: relative; width: 100%; 
			padding: 0 20px 12px 50px; border-bottom: 1px solid #ccc; margin-bottom: 12px; color: #000; }

		/*subsubcategoria------------------*/
		.archive_subsubmenu_item{ text-transform: uppercase; font-size: 12px; position: relative; width: 100%; 
			padding: 0 20px 12px 80px; border-bottom: 1px solid #ccc; margin-bottom: 12px; color: #000; }

		.archive_submenu_text_mobile{ display: none; }

		.archive_submenu_text a{ background-color: #2a2a2a; color: #fff; padding: 10px; }
		.archive_submenu_text_separa{  width: 100%; height: 1px; background-color: #ccc; margin-bottom: 30px; }










    /* NSM — Nirvel Sidebar Menu */
    .nsm_root_title{padding:0 0 10px 0;margin-bottom:4px;border-bottom:2px solid #2a2a2a;}
    .nsm_root_link{font-size:14px;font-weight:900;text-transform:uppercase;color:#000;letter-spacing:1px;text-decoration:none;}
    .nsm_root_link:hover{color:#555;}
    .nsm_item{position:relative;}
    .nsm_row{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 0 8px 20px;border-bottom:1px solid #e0e0e0;}
    .nsm_link{flex:1;font-size:11px;font-weight:400;text-transform:uppercase;color:#000;text-decoration:none;letter-spacing:.5px;line-height:1.4;position:relative;padding-top:1px;}
    .nsm_link:hover{color:#555;}
    
    /* --- CONTROL DE QUADRADETS NETS (SENSE EMBRUTAR) --- */
    /* 1. Només pintem el quadradet buit als dos primers nivells principals */
    .nsm_item > .nsm_row .nsm_link::before {
        content:'';
        position:absolute;
        left:-14px;
        top:3px;
        width:8px;
        height:8px;
        border:1px solid #aaa;
        background-color:transparent;
    }
    
    /* 2. EL FIX: Eliminem radicalment el quadradet als subnivells profunds (les netes) */
    .nsm_children .nsm_children .nsm_link::before {
        display: none !important;
    }

    /* 3. Estats actius/oberts (Només per als nivells que sí que tenen quadradet) */
    .nsm_in_path > .nsm_row .nsm_link::before, 
    .nsm_current > .nsm_row .nsm_link::before { 
        background-color: #000; 
        border-color: #000; 
    }
    
    .nsm_in_path > .nsm_row .nsm_link { font-weight: 700; color: #000; }
    .nsm_current > .nsm_row .nsm_link { font-weight: 700; color: #000; }
    
    /* Toggles, fletxes i fills */
    .nsm_toggle{flex-shrink:0;background:none;border:none;padding:2px 6px 0 6px;cursor:pointer;display:flex;align-items:flex-start;justify-content:center;}
    .nsm_toggle:focus{outline:2px solid #aaa;outline-offset:2px;}
    .nsm_arrow{display:block;width:8px;height:8px;border-right:1px solid #666;border-bottom:1px solid #666;transform:rotate(-45deg);transition:transform .25s ease;margin-top:2px;}
    .nsm_open>.nsm_row .nsm_arrow{transform:rotate(45deg);margin-top:-2px;}
    
    .nsm_children{overflow:hidden;max-height:0;transition:max-height .3s ease;}
    .nsm_children>.nsm_item>.nsm_row{padding-left:36px;}
    
    /* En els subnivells reajustem el padding esquerre per compensar que ja no hi ha quadradet i que quede alineat de luxe */
    .nsm_children .nsm_children>.nsm_item>.nsm_row{padding-left:42px;}
    .nsm_children .nsm_children .nsm_children>.nsm_item>.nsm_row{padding-left:54px;}
    
    @media only screen and (max-width:900px){ 
        .nsm_root_title,.nsm_item{display:none;}
        .archive_submenu_text_screen{display:none;} 
    }



    /* ============================================================
       REFINAMENT DEL TERCER NIVELL (SENSE LÍNIES I MÉS COMPACTE)
       ============================================================ */

    /* 1. Eliminem les línies horitzontals i l'excés de padding a partir del tercer nivell */
    .nsm_children .nsm_children > .nsm_item > .nsm_row {
        border-bottom: none !important; /* Llencem la línia horitzontal */
        padding-top: 4px !important;    /* Reduïm l'aire dalt (abans 8px) */
        padding-bottom: 4px !important; /* Reduïm l'aire baix */
    }

    /* 2. Baixem un punt la tipografia i la suavitzem un poc per a la jerarquia */
    .nsm_children .nsm_children > .nsm_item > .nsm_row .nsm_link {
        font-size: 12px !important;  /* Un puntet més menuda (abans 11px) */
        color: #555 !important;      /* Un gris fosc corporatiu suau en lloc de negre pur */
        text-transform: none !important; /* OPCIONAL: Si vols provar en minúscula estil 'Hidratación' (si no, lleva esta línia) */
    }

    /* 3. Mantenim el color negre si justament eixa necessitat és la pàgina actual */
    .nsm_children .nsm_children > .nsm_item.nsm_current > .nsm_row .nsm_link {
        color: #000 !important;
        font-weight: 700 !important;
    }

    /* 4. Un xicotet ajust de tancament: li donem una miqueta més d'aire al bloc sencer */
    .nsm_children .nsm_children {
        padding-bottom: 8px; /* Un poc de marge a baix abans de saltar a 'PIEL GRASA' */
    }





















/* ==========================================================================
   COMPONENTE: ACCORDION SIDEBAR MOBILE (CLÓNICO NIRVEL.COM)
   ========================================================================== */

/* Botón disparador del menú */
.ns_btn_menu_mobile_trigger {
    display: none; /* Oculto en desktop */
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.ns_btn_toggle_menu {
    width: 100%;
    background-color: #000;
    color: #fff;
    border: none;
    padding: 14px 20px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: background 0.2s ease;
}

.ns_btn_toggle_menu:hover { background-color: #222; }
.ns_icon_menu { font-size: 16px; }

/* --- RESPONSIVE EN MONITOR MENOR A 900px --- */
@media only screen and (max-width: 900px) {
    
    /* Mostramos el botón */
    .ns_btn_menu_mobile_trigger {
        display: block;
    }

    /* Modificamos el contenedor del menú para que actúe como un cajón oculto */
    .container_archive {
        display: flex;
        flex-direction: column;
    }
    
    .archive_menu {
        width: 100% !important;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), padding 0.3s ease;
        background: #fff;
        border-radius: 8px;
        box-sizing: border-box;
        padding: 0 15px; /* Dinámico con JS */
        margin-bottom: 0;
    }

    /* Clase activa que inyectará JS para abrir el cajón */
    .archive_menu.ns_menu_mobile_open {
        max-height: 2000px; /* Altura máxima suficiente para albergar el árbol expandido */
        padding: 20px 15px;
        border: 1px solid #e0e0e0;
        margin-bottom: 25px;
    }

    /* Forzamos que se vuelvan a ver los ítems que ocultaba el CSS viejo */
    .nsm_root_title, .nsm_item {
        display: block !important;
    }

    .archive_content {
        width: 100% !important;
    }
}


























	/* content --------------------------- */
	.archive_content{ width: 72%; }

		.home_linea_productes_items{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }

		.nombre_categoria{ width: 100%; margin: auto; padding: 0; margin-bottom:20px }
			.nombre_categoria h1{ font-size: 20px; text-transform: uppercase; background-color: #2a2a2a; color: #fff; padding: 12px; border-radius: 5px; }

		.descripcio_sup_categoria{ width: 100%; margin: 0 auto 0 auto; padding: 20px 20px 0 20px; }

		.descripcio_categoria{ width: 100%; margin: 30px auto 0 auto; border-top: 1px solid #ccc; }

		.goto_text_bottom{ color: #fff; width: fit-content; background-color: #2a2a2a; margin-bottom: 15px; font-size: 14px; padding: 7px 20px; border-radius: 5px; cursor:pointer; }

		/* item categoria ------ */
		.item_categoria{ float: left; width: 33.333%; padding: 15px; position: relative; }

			.item_categoria_inner{ width: 100%; aspect-ratio: 1; background-size: 100%; background-position: center; background-repeat: no-repeat; position: relative; }

				.item_categoria:hover .item_categoria_inner{ background-size: 105%; }
				.item_categoria:hover .item_categoria_title .item_categoria_title_deco span{ right: -5px; }

				.item_categoria_title{ width: 100%; min-height: 52px; background-color: rgba(255,255,255,.6); font-size: 15px; display: flex; align-items: center;
					font-weight: 900; letter-spacing: 1px; text-transform: uppercase; padding: 10px; color: #000; }

					.item_categoria_title_deco{ position: relative; }
						.item_categoria_title_deco span{ position: absolute; right: 0; font-size: 16px; }

		.title_subcategoria{ padding: 15px; margin-top: 10px; }

		.title_subcategoria_inner{  font-size: 20px; text-transform: uppercase; background-color: #2a2a2a; color: #fff; padding: 12px; border-radius: 5px; }

		@media only screen and (max-width: 1000px) {
			.item_categoria{ width: 33.333%; padding: 8px; }
		}

		@media only screen and (max-width: 600px) {
            .item_categoria{ width: 50%; padding: 8px; }

			.item_categoria_title{ font-size: 11px; padding: 6px; text-align:center; }
			.title_subcategoria{ padding: 10px; margin-top: 10px; }
		}
		

.categoria_faqs{}
	.categoria_faq h2{ font-size: 18px; margin-bottom: 10px; }


@media only screen and (max-width: 900px) {
	.nombre_categoria{ padding: 0 10px; }
	.nombre_categoria h1{ font-size: 16px; }

	.descripcio_categoria{ padding: 0; }

	.descripcio_sup_categoria{ padding: 0 20px 0 20px; }
}

@media only screen and (max-width: 950px) {
	.archive_content .item_producto{ /*float: left; width: 50%;*/ }
}

@media only screen and (max-width: 900px) {
	.archive_menu_mobile{ margin: -5px 0 10px 0; display: inherit; padding: 0 10px; }
	.archive_menu_mobile select{ width: 100%; max-width: 400px; margin: auto; }

	/*.archive_menu{ float: none; display: none; }*/
	
	.archive_content{ float: none; width: 100%; }

		.archive_content .item_producto{ /*float: left; width: 33.333%;*/ }

	.archive_submenu_text_screen{ display: none; }
	.archive_submenu_text_mobile{ display: inherit; padding: 20px 12px 0 12px; }
}

@media only screen and (max-width: 600px) {
	.archive_content .item_producto{ /*float: left; width: 50%;*/ }
}


/* NAVEGACIÓ SUBSUBSUBCATEGORIES */
.navigation_subcat{ margin-top: 40px; padding: 20px 0; border-top:1px solid #ccc; }
	
	.next_cat_post, .prev_cat_post{ position: relative; font-size: 13px; color: #333; width: 50%; }
	.next_cat_post{ float: right; }
	.prev_cat_post{ float: left; border-right: 1px solid #ccc; }
	
	.cat_nav_post a{ color: #000; }

	.next_cat_post_inner{ text-align: right; padding: 25px 0 25px 10px; display:flex; justify-content:flex-end;  }
		.next_cat_post_content{ padding-right:15px; }

	.prev_cat_post_inner{ padding: 25px 10px 25px 0; display:flex;  }
		.prev_cat_post_content{ padding-left:15px; }

		.prev_cat_post_prev, .next_cat_post_next{ font-size: 10px; font-weight: 900; color: #898F93; margin-bottom: 7px; }
		.prev_cat_post_txt, .next_cat_post_txt{ font-size:19px; width:100%; max-width:250px; line-height:1.2; }

.navigation_subcat_separar{ margin-top:-25px; }


@media only screen and (max-width: 763px) {	
	.next_cat_post{ float: none; width:100%; }
	.prev_cat_post{ float: none; width:100%; border-right: 1px solid #fff; }

	.next_cat_post_inner{ padding: 25px 10px 25px 10px; }
	.prev_cat_post_inner{ padding: 25px 10px 25px 10px; }
}

/* categoria 162 regalos navidad ---------------------------------------------------------------------------------------------------------------------------------- */
.producto_precio_destacado{ padding: 5px 0 7px 7px; font-size: 18px; font-weight: bold; display:table; }
	.producto_precio_destacado del{ display: table-cell; font-size: 16px; opacity: .6; margin: 0 15px; }
	.producto_precio_destacado del>span{ padding-left:7px; }
	.producto_precio_destacado span{ display:table-cell; padding:0 1px; }

.added_to_cart_big{ background-color: #000; color: #fff; cursor: pointer; width:fit-content; margin-top:15px; padding:12px 20px 12px 40px; font-size:12px; position:relative; }
	.added_to_cart_big img{ position: absolute; width: 17px; height: 21px; margin-top: -4px; opacity: 1; left: 15px; pointer-events: none; }
	.added_to_cart_big .ok{ position: absolute; left: 13px; margin-top: -4px; opacity: 0; pointer-events: none; width: 20px; height: 20px; background-image:url('images/ok.png'); background-size:cover; }
	.added_to_cart_big .spin{ position: absolute; left: 9px; margin-top: -9px; opacity: 0; pointer-events: none; width: 30px; height: 30px; background-image:url('images/loading.gif'); background-size:cover; }

.cat_regala_content{ padding:0 20px; }

.cat_regala_item{ display:flex; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #ccc; }

	.cat_regala_item_product{ width:66%; display:flex; }

		.cat_regala_item_img{ width:50%; position:relative; padding-right:20px; }

			.cat_regala_item_dto{ position:absolute; width:92px; height:92px; background-color:#FF7D25; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; right:30px; }
				.cat_regala_item_dto div{ position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color:#fff; font-size: 30px; font-weight:bold; }

			.cat_regala_item_img img{ width:100%; height:auto; }

		.cat_regala_item_content{ width:50%; padding-right:20px; position:relative; }

			.cat_regala_item_title{ font-size:24px; font-weight:900; }
			.cat_regala_item_title a{ color:#000; }
			.cat_regala_item_subtitle{ font-size:20px; font-weight:900; font-weight:bold; margin-top:25px; }
			.cat_regala_item_text{ margin-top:5px; }


	.cat_regala_item_include{ width:33%; }

		.swiper-container-include{ overflow:hidden; background-color:#f2f2f2; position:relative; }

		.cat_regala_swipper_item{  padding:25px; }
			.cat_regala_swiper_title{ font-size:20px; font-weight:900; }

			.cat_regala_swiper_content{ margin-top:20px; display:flex; }
				.cat_regala_swiper_img{ width: 20%; }
					.cat_regala_swiper_img img{ width:100%; height:auto; }

					.cat_regala_bullets .swiper-pagination-bullet-active{ background-color:#000; }

				.cat_regala_swiper_text{ width:80%; padding-left:15px; }
					.cat_regala_swiper_producte{ font-size:14px; font-weight:900; }
					.cat_regala_swiper_texto{ margin-top:10px; line-height:1.5; font-size:12px; }

.cat_regala_texto1{ font-size:20px; font-weight:900; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #ccc; }
.cat_regala_texto2{ font-size:30px; font-weight:900; }

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

	.cat_regala_item{ display:block; }

		.cat_regala_item_product{ width:100%; display:block; }
			.cat_regala_item_img{ width:100%; padding-right:0px; }
			.cat_regala_item_content{ width:100%; padding-right:0px; margin-top:20px; }

		.cat_regala_item_include{ width:100%; margin:40px auto 0 auto; width:100%; max-width:360px; }
}



/* ============================================================
   FITXA DE PRODUCTE (SINGLE)
   Inclou: etiqueta "más vendido", galeria, contingut (títol,
   valoracions, preu, add to cart, avís enviament, tabs),
   sugerències, opinions/reviews, preguntes Q&A, waitlist.
   Responsive: @media 920px, 800px, 768px, 600px, 500px
   ============================================================ */

/* LABEL 'EL MÁS VENDIDO' ----------------------------------------- */
.label_mas_vendido{ display: flex; margin: 0 0 10px 20px; }

	.label_mas_vendido_txt1{ background-color: #C45500; padding: 5px; color: #fff; font-size: 11px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

		.deco_top, .deco_bottom{ position: absolute; right: -7px; width: 0; height: 0; border-style: solid; }
		.deco_top{ margin-top: -5px; border-width: 10px 7px 0 7px; border-color: #C45500 transparent transparent transparent; }
		.deco_bottom{ margin-top: 6px; border-width: 0 7px 10px 7px; border-color: transparent transparent #C45500 transparent; }
		
	.label_mas_vendido_txt2{ padding: 5px 5px 5px 10px; font-size: 11px; position: relative; color: #666; }

@media only screen and (max-width: 920px) {
	.label_mas_vendido{ margin: 0 0 10px 0; }
}


/* star rating for products - mobile ------------------------------ */
.rating_mobile_top{ display: flex; justify-content: right; }
.rating_mobile_top div:last-child{ font-size: 12px; color: #666; }


/* CONTAINER ------------ */
.container_product{ width: 100%; max-width: 1480px; margin: 10px auto; padding: 10px; position: relative; }

	/* gallery ----- */
	.product_gallery{ float: left; width: 40%; padding-right: 20px; text-align: center; position:relative; }


		.product_gallery_dto, .product_gallery_dto_san_valentin{ position:absolute; z-index: 4; background-size: 100% 100%; right: 0; }

		.product_gallery_dto{ width:87px; height:87px; }
		.product_gallery_dto_san_valentin{ width:150px; height:150px; }

			.product_gallery_dto{ background-image:url('images/black_friday/20dto_black_week_2025.png'); }
			.product_gallery_dto_san_valentin{ background-image:url('images/san-valentin/2026/SV_BOLICHE.png'); }


		.woocommerce-product-gallery__image{ pointer-events: none !important; }
		.product_gallery .img_thumb{ max-width: 100%; height: auto; }
		.zoomImg{ background-color: #fff; }
		.product_gallery:hover{ }

		/* videos */
		.product_gallery_videos_title{ font-size: 14px; text-align:left; margin-top:15px; padding:0 10px 0 5px; background-color:#fff; width:fit-content; position:relative; z-index:2; }
		.product_gallery_videos_deco{ width:95%; position:absolute; z-index:1; border-bottom:1px solid #ccc; margin-top:-8px; }

		.product_gallery_videos{ width: 100%; text-align: left; display: flex; flex-wrap: wrap; margin-top:5px; margin-bottom:30px; }
			
			.product_gallery_video{ padding:4px; width:160px; height:108px; position:relative; cursor:pointer; }

				.product_gallery_video_play{ position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); }
				.product_gallery_video_img{ width:100%; aspect-ratio:1.6; background-size:cover; background-position:center; background-repeat:no-repeat; }

		#inline video{ width:100%; max-width:400px; }

		/* WooCommerce 3.0 Gallery */
		.woocommerce-product-gallery { position: relative; margin-bottom: 3em; }
		.woocommerce-product-gallery figure { margin: 0 }
		.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) { width: 25%; display: inline-block }

		.flex-control-thumbs{ margin-top:10px; }
		.woocommerce-product-gallery .flex-control-thumbs li { list-style: none; float: left; cursor: pointer; padding:3px; }
		.woocommerce-product-gallery .flex-control-thumbs img { opacity: .5; }
		.woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1 }
		.woocommerce-product-gallery img { display: block; width:100%; height:auto; }
		.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 33.3333% }
		.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 20% }
		.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 20% }
		.woocommerce-product-gallery__trigger { position: absolute; top: 1em; right: 1em; z-index: 10; }
		a.woocommerce-product-gallery__trigger { text-decoration: none; }

		.single-product-container div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
			position: absolute; top: .875em; right: .875em; display: block; height: 2em; width: 2em; border-radius: 3px; z-index: 10;
			text-align: center;text-indent: -999px; overflow: hidden; }

		.single-product-container div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
			background-color: #169fda; color: #ffffff; }

		.single-product-container div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
			background-color: #1781ae; border-color: #1781ae; color: #ffffff; }

		.single-product-container div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
			font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; 
			-moz-osx-font-smoothing: grayscale; display: block; content: "\f00e"; line-height: 2; text-indent: 0; }

		.woocommerce-product-gallery__trigger { color: #000;
		    font-family: "FontAwesome"; font-style: normal; font-weight: normal; text-decoration: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; }

		.woocommerce-product-gallery__trigger:before { content: "\f002"; }


	/* content ----- */
	.product_content{ float: left; width: 60%; padding-left: 20px; position: relative; }

		.product_title{ font-size: 34px; line-height: 1.2; font-weight: normal; text-transform: uppercase; max-width: 700px; }
		.product_text{ margin-top: 20px; }


		/* SINGLE I'M GREEN */
		.single_im_green{ margin-bottom: 25px; display: flex; }
			.single_im_green_img{  }
			.single_im_green_txt{ font-size: 12px; padding-top: 27px; padding-left: 10px; }
			.single_im_green_txt span{ color: #6696CE; cursor: pointer; }
			.single_im_green_txt span:hover{ text-decoration: underline; }


		/* SINGLE I'M GREEN */
		.proximamente_text{ color: #DE594F; margin: 25px 0; font-weight: bold; font-size: 16px; display: flex; align-items: center; display:flex; align-items: center; }
			.proximamente_text .alert-octagram{ width:27px; height:27px; background-image:url('images/alert.png'); padding-right:4px; }
			.proximamente_text .proximamente_texto{ padding:4px 0 0 4px; }


		/* VALORACIONES */
		.valoraciones_container{ margin-top: -10px; }

			.valoraciones{ display: inline-flex; margin-top: 20px; float: left; width: 33%; }
				.valoraciones_title{ padding-right: 7px; padding-top: 1px; font-size: 11px; }

				.star-rating::before { font-size: 11px; letter-spacing: 3px; }
				.star-rating span::before{ color: #f7931e; font-size: 11px; letter-spacing: 3px; }

			.leer_valoraciones{ float: left; width: 33%; padding: 0 20px; font-size: 11px; padding-top: 14px; }
				.leer_valoraciones_img{ width: 22px; height: 20px; background-image: url('images/comments.svg'); position: absolute; }
				.leer_valoraciones_txt{ padding: 7px 0 0 25px; text-decoration: underline; text-decoration-color: #737373; color: #000; }

			.leer_valora{ float: left; width: 33%; font-size: 11px; padding-top: 14px; }
				.leer_valora_img{ width: 19px; height: 19px; background-image: url('images/comenta.svg'); position: absolute; }
				.leer_valora_txt{ padding: 7px 0 0 25px; text-decoration: underline; text-decoration-color: #737373; color: #000; }


		/* PRECIO */
		.precio_separa{ margin-top: 20px; width: 55px; height: 2px; background-color: #737373; }

		.precio_label{ font-size: 14px; font-weight: 300; margin-top:10px; }

		.precio{ margin-top: 7px; display: inline-block; }
				.precio del{ font-size: 17px; opacity: .6; padding:0 2px 0 7px; }
			.precio ins>span{ font-size: 35px; }
			.precio>span.amount{ font-size: 35px; }
			.impuestos_inc{ font-size: 12px; }

		.woosb-products a{ color:#000; }

		.woosb-products .woosb-product .woosb-price { width: 150px !important; flex: 0 0 150px !important; }

		/* variacions */
		.wcpvs_container{ padding:10px 0; }

		.wcpvs_icon_a { padding: 0px 10px 10px 0px !important; }
		.wcpvs_icon_img { width: 50px !important; }
		.wcpvs_icon_current { width: 50px !important; }

		.wcpvs_outofstock { opacity: 1 !important; }


		/* add to cart */
		.producto_add_to_cart{ width: 100%; margin-top: 20px; border-top: 1px solid #737373; border-bottom: 1px solid #737373; padding: 34px 0 28px 0; }	
		.producto_add_to_cart_nostock{ width: 100%; margin-top: 20px; }

		.stock{ display: none; }

		.quantity{ width: 50px; float: left; margin-right: 15px; margin-top: 10px; }	
			.quantity span{ display: none; }
			.quantity select{ padding: 10px; width: 60px; }

		.add_to_cart_custom{ float: left; margin-left: 0px; margin-top: 0px; }
			
			.single_add_to_cart_button{ padding: 22px 25px 20px 60px !important; background-color: #000 !important;
				font-size: 14px !important; font-weight: 300 !important; text-transform: uppercase;
				-webkit-border-radius: 7px !important; -moz-border-radius: 7px !important; border-radius: 7px !important; }

			.single_add_to_cart_button svg{ width: 22px; height: 26px; position: absolute; margin-left: -40px; margin-top: -7px; }

			.single_add_to_cart_button span{ position: absolute; left: 20px; margin-top: -10px; font-size: 30px; }
			.single_add_to_cart_button .cart_button_loader{ width: 50px; height: 50px; position: absolute; left: 5px; margin-top: -34px; background-image:url('images/loading.gif'); background-size:cover; }

			.single_add_to_cart_button::after{ display:none; }

			.wc-forward{ padding: 22px 25px !important; background-color: #b3b3b3 !important; color: #fff; font-size: 14px !important; font-weight: 300 !important; text-transform: uppercase;
    		-webkit-border-radius: 7px !important; -moz-border-radius: 7px !important; border-radius: 7px !important; margin-left:10px; margin-top:0; }


		.variations{ margin: -10px 0 15px 0; }
			.variations .label{ padding: 5px 5px 5px 0; font-size: 13px; font-weight: 300; }
			.variations .value{ padding: 5px 0 5px 5px; font-size: 13px; font-weight: 300; }
			.variations .value select{ padding: 5px; }

		.reset_variations{ padding-left: 7px; }
		.reset_variations{ color: #000; }
		.reset_variations:hover{ text-decoration: underline; }
		
		.woocommerce-variation-price .price{ font-size: 17px; font-weight: bold; }

		.qty{ float: left; width: 10px; padding: 10px; border: 2px solid #000; font-weight: bold;
			-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

		.single_instock_text{ position: absolute; margin-top: -25px; color: #008a00; font-size: 13px; font-weight: bold; }

		.woocommerce-grouped-product-list-item__label, .woocommerce-grouped-product-list-item__price{ display: none; }

		/* alert envio gratis */
		.single_aviso_envio_gratis{ padding: 10px 0; border-bottom: 1px solid #737373; height:55px; }
			
			.quedan{ display: none; }
			.single_solo_quedan{ display: flex; min-width: 425px; }

				.single_solo_quedan_bar { font-size: 0; color: #fff; }
				.single_solo_quedan_bar_inner { height: 30px; display: inline-block; background-color: #f7931e; text-align: center; font-size: 12px; line-height:32px; vertical-align: middle; padding: 0 20px 0 10px; }
				.single_solo_quedan_bar:after { content: ''; display: inline-block; width: 0; height: 0; border: 15px solid transparent; vertical-align: middle; border-left-color: #f7931e; }
				.single_solo_quedan_img{ margin-left: -10px; }

			.gratis{ display: none; }
			.single_envio_gratis{ display: flex; min-width: 425px; }

				.single_envio_gratis_bar { font-size: 0; color: #fff; }
				.single_envio_gratis_bar_inner { height: 30px; display: inline-block; background-color: #39b54a; text-align: center; font-size: 12px; line-height:32px; vertical-align: middle; padding: 0 20px 0 10px; }
				.single_envio_gratis_bar:after { content: ''; display: inline-block; width: 0; height: 0; border: 15px solid transparent; vertical-align: middle; border-left-color: #39b54a; }
				.single_envio_gratis_img{ margin-left: -10px; }

		/* textos transacción / envio / link nirvel */
		.producto_transaccion_segura{ margin-top: 20px; font-size: 13px; font-weight: 400; line-height: 1.7;   }
			.producto_transaccion_segura_inner{ cursor: pointer; color: #0056b4; display:flex; align-items: center; width:fit-content; }
			.producto_transaccion_segura_inner:hover{ opacity: .6; }
			.producto_transaccion_segura_inner p{ padding-left:3px; }
			.icon_lock_icon{ width:17px; height:17px; background-image:url('images/pago_seguro.png'); background-size:cover; }

		.single_envio_1224{ font-size: 13px; margin-top: 18px; font-weight: 400; display:flex; align-items: center;  }
			.envio_1224_icon{ width:27px; height:27px; background-image:url('images/basket_cart.png'); background-size:contain; background-repeat:no-repeat; }
			.envio_1224_txt{ padding:2px 0 0 5px; }

		.single_envio_plazo{ margin-top: 20px; font-weight: 400; line-height: 1.7; font-size: 13px; background-color: #d14859; padding: 10px; color: #fff; }
			.single_envio_plazo i{ font-size: 13px; }
			.single_envio_plazo_importante{ font-size: 13px; font-weight: bold; line-height: 1.5; padding: 0px 9px 3px 9px; margin-top: 7px; }

		.producto_stock{ margin-top: 20px; font-size: 13px; font-weight: 400; line-height: 1.7; }
			.envio_devolucion_txt{ cursor: pointer; color: #0056b4; display:flex; align-items: center; width:fit-content; }
			.envio_devolucion_txt:hover{ opacity: .6; }
				.icon_stock{ width:17px; height:17px; background-image:url('images/information.png'); background-size:cover; }
				.stock_text{ padding:0 0 0 3px; }

		.link_to_nirvel{ margin-top: 25px; display: flex; font-size: 13px; height:24px; }
		.link_to_nirvel span{ border: 1px solid #000; padding: 12px 24px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 7px; }


		@media only screen and (max-width: 920px) {
			.valoraciones{ float: none; width: 100%; }
				.valoraciones_title{ font-size: 11px; }

				.leer_valoraciones{ float: left; width: auto; padding: 0; font-size: 10px; padding-top: 14px; }
				.leer_valora{ float: left; width: auto; font-size: 10px; padding-top: 14px; margin-left: 20px; }
		}

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

			.product_gallery{ float: none; width: 100%; padding-right: 0px; max-width: 300px; margin: auto; }

			.product_content{ clear: both; float: none; width: 100%; padding-left: 0px; padding-top: 0px; }

				.product_title{ font-size: 17px; margin-top:25px; font-weight:bold; }

				.precio_label{ font-size: 14px; font-weight: 300; margin-top:10px; }

				.precio{ margin-top: 7px; }
					.precio del{ font-size: 12px; opacity: .6; padding:0 2px 0 7px; }
					.precio>span.amount{ font-size: 28px; }
					.impuestos_inc{ font-size:11px; }

			.producto_add_to_cart{ padding: 22px 0 20px 0; }

				.single_instock_text{ position: relative; margin-top: -5px; }
			
				.quantity{ width: auto; float: none; margin-right: 0; display: flex; align-items: center; }	
					.quantity span{ display: inherit; padding-right: 7px; font-size: 12px; }
					.quantity select{ }

				.add_to_cart_custom{ float: none; margin-left: 0px; margin-top: 10px; }
					.single_add_to_cart_button{ width: 100%; }
					.single_add_to_cart_button svg{ width: 22px; height: 26px; position: absolute; margin-left: -40px; margin-top: -7px; }
					.single_add_to_cart_button span{ position: absolute; left: 20px; margin-top: -10px; font-size: 30px; }

			.single_solo_quedan{ display: block; min-width: 100%; width: 100%; }

				.single_solo_quedan_bar:after { display: none; }
				.single_solo_quedan_bar_inner { width: 100%; height: auto; line-height:1.2; padding: 10px; }
				.single_solo_quedan_img{ display: none; }
		}

		@media only screen and (max-width: 600px) {
			.link_to_nirvel{ display: block; height:50px; }
			.link_to_nirvel span{ margin-left: 0px; }
			.link_to_nirvel div:last-child{ margin-top: 15px; }
		}

		@media only screen and (max-width: 500px) {
			.qty{ float: left; width: 10px; padding: 10px 0; border: 2px solid #000; font-weight: bold; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
		}


	/* sugerencies / opinions ----------------------------------- */
	.single_sug{ border-top: 1px solid #737373; margin-top: 40px; padding: 30px 10px 0 10px; }
		
		/* sugerencies --------- */
		.single_sug_sugerencies{ float: left; width: 60%; padding-right: 20px; }

			.single_sug_title{ font-size: 20px; font-weight: bold; margin-bottom: 30px; display:flex; align-items: center; }
			.single_sug_title img{ margin-right:10px; }

			.single_sug_imgs{ display: inline-flex; }
				.single_sug_img{ display: flex; align-items: center; justify-content: center; padding:0 5px; }
				.single_sug_img img{ max-width:150px; height:auto; }

				.single_sug_img_mas{ font-size: 20px; }


			.single_sug_precio{ font-size: 12px; }

				.single_sub_precio_dto{ font-size: 16px; }
				.single_sub_precio_dto span{ font-weight: bold; text-decoration:line-through; }

				.single_sub_precio_nodto{ font-size: 16px; }
				.single_sub_precio_nodto span{ font-weight: bold; }

				.single_sub_precio_def{ font-size:17px; margin-top:10px; }
				.single_sub_precio_def span{ font-weight:bold; color:#E05241; }

			.single_sug_add_cart{ display: flex; align-items: center; width: fit-content; margin-top: 10px; font-size: 14px; padding: 14px 24px !important; background-color: #000 !important; color: #fff; cursor: pointer;
		    	-webkit-border-radius: 7px !important; -moz-border-radius: 7px !important; border-radius: 7px !important; }

		    	.single_sug_add_cart_img{ margin-right:5px; }

		    	.single_sug_add_cart_img{ background-size:cover; background-position:center; background-repeat:no-repeat; }
		    	.ssaci_cart{ width:19px; height:22px; background-image:url('images/cart_white.png'); }
		    	.ssaci_spin{ width:19px; height:22px; background-image:url('images/loading.gif'); }
		    	.ssaci_ok{ width:19px; height:22px; background-image:url('images/ok.png'); }

		    .single_sug_add_cart_on{ background-color: #F7931E !important; }

			.single_sug_check{ padding-left: 15px; margin-top: 20px; }
				.single_sug_check_item{ margin-bottom: 10px; font-size: 12px; line-height: 1.2; }
				.single_sug_check_item input{ position: absolute; cursor: pointer; }
				.single_sug_check_item div{ position: relative; padding-left: 23px; text-indent: 0; display: inline-block; cursor: pointer; }
					.single_sug_check_item div strong{ font-size: 13px; }
					.single_sug_check_item div span{ color: #0056b4; }

			.single_sub_falta{ font-size: 12px; margin-top: 7px; padding-left: 5px; }

			.single_sug_bt_mobile{ display: none; }
	

		/* opinions -------- */
		.single_sug_opinions{ float: right; width: 40%; max-width: 500px; padding-left: 20px; }
			
			.cus_op_total{ float: left; padding-top: 10px; }
				.cus_op_total .cus_op_total_stars .star-rating{ float: none !important; }
					.cus_op_total_num{ font-size: 30px; font-weight: bold; margin-bottom: 6px; }
					.cus_op_total_basado{ font-size: 12px; margin-top: 6px; }

			.cus_op_bars{ float: right; font-size: 12px; }
				.cus_op_bar_wrapper{ width: 90px; height: 12px; background-color: #f2f2f2; border: 1px solid #b3b3b3; position: relative; }
					.cus_op_bar_inner{ position: absolute; z-index: 999; height: 100%; background-color: #f7931e; }
				.cus_op_bars table tr td{ padding: 2px 4px; }

			.cus_op_items{ margin-top: 15px; border-top: 2px solid #737373; }
				.cus_op_items span{ font-size: 20px; }
				.cus_op_items table{ width: 100%; }
				.cus_op_items table tr td{ padding: 7px; border-bottom: 1px solid #737373; }
					.cus_op_item_name{ font-size: 12px; color: #737373; line-height: 1.4; }
					.cus_op_item_op{ font-size: 12px; line-height: 1.4; }

			.icon_comment{ width:24px; height:24px; background-image:url('images/comment.png'); }

		.cus_op_ver_todas{ border-bottom: 1px solid #737373; margin-top: 15px; width: fit-content; font-size: 10px; float: right; }
		.cus_op_ver_todas a{ color: #000; }

		@media only screen and (max-width: 768px) {
			.single_sug{ padding: 30px 0 0 0; }

			.single_sug_sugerencies{ float: none; width: 100%; padding-right: 0px; }
				.single_sug_bt_screen{ display: none; }
				.single_sug_check{ padding-left: 0; }
				.single_sug_bt_mobile{ display: inherit; margin-top: 25px; margin-left: 15px; }

			.single_sug_opinions{ float: none; width: 100%; padding-left: 10px; margin-top: 30px;  max-width: 100%; }
				.cus_op_total_basado{ font-size: 11px; }
				.cus_op_bars{ font-size: 11px; display: none; }
					.cus_op_bar_wrapper{ width: 80px; }
		}


	/* single tabs -------- */
	.producto_tabs_menu{ margin-top: 30px; border-top: 1px solid #737373; border-bottom: 1px solid #737373; padding: 20px 0; }

		.producto_tabs_bts{ text-align: center; }
			.producto_tabs_bt{ display: inline-flex; }
				.tab_link{ padding: 0 30px; cursor: pointer; font-size: 14px; white-space: nowrap; text-transform:uppercase; }
				.tab_link_current{ font-weight: bold; }

	.producto_tabs_container{ padding: 40px 10px 20px 10px; border-bottom: 1px solid #737373; }
		.producto_tabs_container_inner{ width: 100%; max-width: 800px; margin: auto; }
		.tab_hidden{ display: none; }

	@media only screen and (max-width: 800px) {
		.tab_link{ padding: 0 8px; cursor: pointer; font-size: 11px; }
	}


	/* productos relacionados ---- */
	.producto_productos_relacionados{ width: 100%; max-width: 1000px; margin: 40px auto; }
		.productos_relacionados_title{ font-size: 16px; margin-bottom: 20px; padding-left: 25px; font-weight: bold; }
		.producto_productos_relacionados .item_producto{ float: left; width: 33.333%; }
		
	@media only screen and (max-width: 800px) {
		.producto_productos_relacionados .item_producto{ width: 50%; max-width: 350px; margin: auto; }
		.productos_relacionados_title{ font-size: 14px; padding-left: 0px; text-align: center; }
	}

	/* comentarios ======================================================== */
	#producto_comentarios{ margin-top: 40px; padding-top: 40px; border-top: 1px solid #737373; }

	.woocommerce-Reviews-title{ margin-bottom: 15px; font-size: 14px; font-weight: normal; font-style: italic; }

	.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 0; }

	#reply-title{ margin-top: 5px; font-size: 14px; font-weight: bold; }

	#commentform{ margin-top: 5px; font-size: 14px; }

	.comment-form-rating{ margin-top: 20px; margin-bottom: 15px; }
		.comment-form-rating select{ padding: 5px 10px; margin-left: 5px; }

	.comment-form-comment{ margin-top: 20px; }
		.comment-form-comment textarea{ resize: none; margin-top: 5px; padding: 5px; font-family: 'Roboto', sans-serif; border: none; border: 1px solid #ccc; 
		-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
		.comment-form-comment{ font-size: 12px; }

	.comment-form-author{ float: left; }
		.comment-form-author label:after{ content: '\A'; white-space: pre; }
		.comment-form-author label{ font-size: 12px; }
		.comment-form-author input{  width: 150px; padding: 7px; border: none; border: 1px solid #ccc; 
			-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

	.comment-form-email{ float: left; padding-left: 15px; }
		.comment-form-email label{ font-size: 12px; }
		.comment-form-email label:after{ content: '\A'; white-space: pre; }
		.comment-form-email input{  width: 250px; padding: 7px; border: none; border: 1px solid #ccc; 
			-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

	.comment-form-cookies-consent{ clear: both; }
	.comment-form-cookies-consent label, .comment-form-cookies-consent input{ cursor: pointer; font-size: 12px; }

	.form-submit input{ background-color: #000 !important; color: #fff !important; padding: 10px 25px !important; }

	.stars span a { background-color: #ffffff !important; color: #f7931e !important; font-size: 20px; }
	.stars span a:hover{ color: #f7931e !important; }


	@media only screen and (max-width: 768px) {
		.comment-form-author{ float: none; }
		.comment-form-email{ float: none; padding-left: 0px;  }
	}

	/* REVIEWS ================================================ */
	#comments .cr-summaryBox-wrap{ float: left; width: 30%; }

		#reviews .cr-summaryBox-wrap, #cr_all_reviews_shortcode .cr-summaryBox-wrap, .ivole-reviews-grid .cr-summaryBox-wrap{ 
			display: block !important; }

		#reviews .cr-summaryBox-wrap .ivole-summaryBox, #reviews .cr-summaryBox-wrap .cr-overall-rating-wrap, 
		#cr_all_reviews_shortcode .cr-summaryBox-wrap .ivole-summaryBox, #cr_all_reviews_shortcode .cr-summaryBox-wrap .cr-overall-rating-wrap, 
		.ivole-reviews-grid .cr-summaryBox-wrap .ivole-summaryBox, .ivole-reviews-grid .cr-summaryBox-wrap .cr-overall-rating-wrap{ 
			width: 100% !important; margin-bottom: 10px; }

	#comments .commentlist{ float: right; width: 68% !important; }

	.comment-text .description{ margin-top: 20px; font-size: 14px; line-height: 1.5; }

	.cr-upload-images-status{ font-size: 12px; }

	#review_form_wrapper{ padding: 20px 10px 10px 10px; border: 1px solid #e4e1e3; clear: both; float: right; width: 100%;
		 -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

	.comment-form-rating label{ font-size: 12px; }

	@media only screen and (max-width: 768px) {
		#comments .cr-summaryBox-wrap{ float: none; width: 100%; }
		#comments .commentlist{ float: none; width: 100% !important; }
		.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 !important; }
	}

	/* PREGUNTES */
	#cr_qna{ margin-top: 50px; border-top: 1px solid #ccc; padding-top: 25px; }
	#cr_qna h2{ padding: 0 0 10px 10px; }

	#cr_qna.cr-qna-block div.cr-qna-search-block{ display: block !important; }

	.cr-qna-ask-button{ margin-top: 20px !important; }

	#cr_qna.cr-qna-block div.cr-qna-search-block button.cr-qna-ask-button{ margin-left: 0 !important; }

	.cr-input-text{ padding:15px 15px 15px 40px !important; }

	.cr-qna-list-question{ font-size:16px !important; }
	.cr-qna-list-answer, .cr-qna-list-answer p{ font-size:14px !important; }
	.cr-qna-new-q-form button{ margin-top:15px; }


/* Fitxa — Waitlist (YITH) ---- */
.yith-wcwtl-output form{ display:flex; }

#yith-wcwtl-user-email{ width: 100%; height: 20px !important; border-radius: 9px; padding: 18px; font-size: 14px; }
.yith-wcwtl-output .button {}


@media only screen and (max-width: 997px) {
	#yith-wcwtl-user-email{ width:90% !important; }
}





/* ============================================================
   CARRET
   Inclou: carret lateral (column_cart) amb header, footer,
   scrollbar personalitzat; carret pàgina (page_cart_template),
   cupons, totals.
   Responsive: @media 800px, 768px
   ============================================================ */

/* Carret lateral ---- */
.column_cart_back{ position:fixed; z-index:9998; top:0; left: 0; width:100vw; height:100vh; background-color:rgba(0,0,0,.4); opacity:0; pointer-events:none; }

.column_cart{ position:fixed; z-index: 9999; width: 90%; max-width:425px; height: 100vh; right:-425px; top:0; background-color:#fff; overflow:hidden; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19); }

/* header */
.column_cart_header{ padding:18px 15px 0 15px; font-weight:100; }

	.column_cart_close svg{ position:absolute; right:10px; top: 15px; width:30px; height:30px; cursor:pointer; }

	.column_cart_title{ font-size:35px; line-height:.5; }

	.column_cart_thead{ display:flex; justify-content: space-between; font-size:14px; margin-top:35px; border-bottom:1px solid #ccc; padding-bottom:10px; }
		.column_cart_thead_prod{ text-align:left; }
		.column_cart_total{ text-align:right; }

.cart_spinner{ display: none; position: absolute; z-index: 99; width:140px; height:auto; margin-top: 150px; left: 50%; transform: translateX(-50%); }


/* footer */
.column_cart_footer{ padding:0 10px 10px 10px; }

	.column_cart_footer_subtotal{ border-top:1px solid #ccc; display:flex; justify-content: space-between; padding-top:15px; }
		.column_cart_footer_subtotal_title{ font-size:20px; }
		.column_cart_footer_subtotal_q{ font-size:23px; margin-right:10px; }

	.column_cart_footer_txt{ font-size: 13px; margin-top: 0px; }

	.cart_footer_envio_gratis, .cart_footer_envio_quedan{ width:fit-content; padding:5px 10px; color:#fff; margin-top:4px; font-size:13px; }
		.cart_footer_envio_quedan{ background-color:#f7931e; }
		.cart_footer_envio_gratis{ background-color:#39b54a; }

	.column_cart_footer_bt{ text-align:center; border:1px solid #000; margin-top:15px; padding:15px 5px; color:#000; font-size: 13px; font-weight: 900; }



	.column_cart_footer_mobile{ height:70px; }

/* column cart */
.column_cart_cart{ position: relative; overflow:hidden; }
.column_cart_cart_screen{ height:calc(100vh - 260px); }
.column_cart_cart_mobile{ height:calc(100vh - 323px); }

.column_cart_cart .cart_template{ height:100%; overflow-y:scroll; /*overflow-x:hidden;*/ padding-top:20px; }

.column_cart_cart .actions, .column_cart_cart .cart-collaterals, .column_cart_cart .cross-sells,
.column_cart_cart .return-to-shop, .column_cart_cart .wc-empty-cart-message { display:none; }

.column_cart_cart table{ width:100%; border:1px solid transparent !important; }
	
	.column_cart_cart thead{ display:none; }

	.column_cart_cart table tr{ display: grid; border-bottom:1px solid #e6e6e6; padding-top:20px; }
	.column_cart_cart table tr:nth-last-child(1), .column_cart_cart table tr:nth-last-child(2){ border-bottom:1px solid #fff; }
	.column_cart_cart table td{ border:none !important; }

	.column_cart_cart .product-thumbnail{ display: block !important; width:140px; padding:0 !important; }
	.column_cart_cart .product-thumbnail img{ width:100% !important; height:auto !important; }

	.column_cart_cart .product-name{ width: auto; grid-column: 2 / 4; padding:0 0 0 10px !important; font-size:12px; }
	.column_cart_cart .product-name a{ color:#000; }

	.column_cart_cart .product-subtotal{ font-weight:900; }
	.column_cart_cart .product-subtotal::before{ display:none; }

	.column_cart_cart .product-quantity{ padding-top: 0; grid-column: 2 / 5; padding-bottom:20px !important; }
	.column_cart_cart .product-quantity .product-quantity-inner{ display: flex; align-items: center; }
	.column_cart_cart .product-quantity svg{ width:20px; height:20px; color:#000; margin-top:10px; margin-left:10px; }

	.cart_remove_item{ cursor:pointer; margin-top:8px; }
	.woosb-cart-child .cart_remove_item{ display:none; }

	.column_cart_cart .product-subtotal2{ display:none; }


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

	.column_cart_cart table tr{ display: grid !important; }
	.column_cart_cart table td{ background-color:#fff !important; }

	.column_cart_cart .product-thumbnail{ display: block !important; width:110px; }
	.column_cart_cart .product-thumbnail::before{ display:none; }

	.column_cart_cart .product-name{ width: auto; grid-column: 2 / 4; padding:0 10px 0 10px !important; font-size:12px; }
	.column_cart_cart .product-name a{ color:#000; }
	.column_cart_cart .product-name::before{ display:none; }

	.column_cart_cart .product-subtotal{ display:none !important; }

	.column_cart_cart .product-quantity{ /*padding-bottom:40px !important;*/ }
	.column_cart_cart .product-quantity::before{ display:none; }
	.column_cart_cart .quantity span{ display:none; }

	.column_cart_cart .product-subtotal2{ grid-column: 2 / 5; padding-bottom:40px !important; }

	.column_cart_cart .actions{ display:none !important; }
}


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

	.column_cart_cart .product-subtotal{ display: inherit !important; }
	.column_cart_cart .product-subtotal2{ display: none !important; }
}


.column_cart_cart .cart_template::-webkit-scrollbar { width: 8px; height: 8px; }
.column_cart_cart .cart_template::-webkit-scrollbar-button { width: 0px; height: 0px; }
.column_cart_cart .cart_template::-webkit-scrollbar-thumb { background: #7f7f7f; border: 0px none #ffffff; border-radius: 0px; }
.column_cart_cart .cart_template::-webkit-scrollbar-thumb:hover { background: #7f7f7f; }
.column_cart_cart .cart_template::-webkit-scrollbar-thumb:active { background: #000000; }
.column_cart_cart .cart_template::-webkit-scrollbar-track { background: #f1f1f1; border: 0px none #ffffff; border-radius: 50px; }
.column_cart_cart .cart_template::-webkit-scrollbar-track:hover { background: #f1f1f1; }
.column_cart_cart .cart_template::-webkit-scrollbar-track:active { background: #333333; }
.column_cart_cart .cart_template::-webkit-scrollbar-corner { background: transparent; }




/* Carret pàgina ---- */
.page_cart_template{ padding-top:50px; }

	.page_cart_template thead{ background-color:#000; color:#fff; }
	.page_cart_template td{ padding:15px !important; }

	.page_cart_template .product-thumbnail{ width:180px !important;  }
	.page_cart_template .product-thumbnail img{ min-width: 50px; width:100% !important; height:auto !important; }
	.page_cart_template .woosb-cart-child .product-thumbnail{ padding-left:100px !important; }

	.page_cart_template .product-name a{ color:#000; }
	.product-name span{ font-weight:bold; }

	.page_cart_template .product-subtotal2{ font-weight:900; }
	.page_cart_template .product-subtotal{ display:none; }

	.page_cart_template tbody .product-quantity .product-quantity-inner{ display: flex; align-items: center; }
	.page_cart_template tbody .product-quantity svg{ width:20px; height:20px; color:#000; margin-left: 10px; margin-top:10px; }

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

	.page_cart_template table{ width:100%; border:1px solid transparent !important; }
	
		.page_cart_template thead{ display:none; }

		.page_cart_template table tr{ display: grid !important;  }
		.page_cart_template table td{ border:none !important; }
		.page_cart_template table tr:nth-child(even){ background-color:#f1f1f1; }
		.page_cart_template table tr:last-child{ background-color:#fff !important; }

		.page_cart_template .product-thumbnail{ width: 130px !important;  display:block !important; padding:20px 0 0 0 !important; }
		.page_cart_template .product-thumbnail img{ width:100% !important; height:auto !important; }
		.page_cart_template .product-thumbnail::before{ display:none; }
		.page_cart_template .woosb-cart-child .product-thumbnail{ padding-left:50px !important; }

		.page_cart_template .product-name{ grid-column: 2 / 4; padding:20px 0 0 0 !important; font-size:12px; }
		.page_cart_template .product-name a{ color:#000; }
		.page_cart_template .product-name::before{ display:none; }

		.page_cart_template .product-subtotal{ display: none !important; font-weight:900; }
		.page_cart_template .product-subtotal::before{ display:none; }

		.page_cart_template .product-quantity{ padding-top: 0 !important; grid-column: 2 / 5; padding-bottom:0 !important; }
		.page_cart_template .product-quantity-inner{ justify-content: right; }
		.page_cart_template .product-quantity::before{ display:none; }

		.page_cart_template .product-subtotal2{ grid-column: 2 / 5; }

	.page_cart_template tr:nth-child(2n) td{ background-color:#f1f1f1 !important; }
}


.page_cart_template #coupon_code{ width:150px; padding: 10px !important; font-family: 'Montserrat', sans-serif; }

.woocommerce-cart-form__contents .coupon{ padding-left: 20px; }
	.woocommerce-cart-form__contents .coupon input{ border: none; outline: 2px solid #ccc !important; width: 200px !important; }
	.woocommerce-cart-form__contents .coupon button{ background-color: #f7b84b !important; color: #fff !important; text-transform: uppercase; padding: 15px !important; margin-top: -2px !important; 
		font-family: 'Montserrat', sans-serif; }
	.woocommerce-cart-form__contents .coupon button:hover{ background-color: #000; color: #fff; }

	button[name='update_cart']{ padding:15px !important; display:none !important; }


@media only screen and (max-width: 768px) {
	.coupon{ padding-left:0 !important; padding-top:10px; border-top:2px solid #ccc; }

	.woocommerce-cart-form__contents .coupon{ padding-left: 5px; }
	.woocommerce-cart-form__contents .coupon input{ width: 150px !important; }

	button[name='update_cart']{ background-color:#bfbfbf !important; }
}

.cart-collaterals{  }
	.cart_totals h2{ margin-bottom: 7px; }
	.wc-proceed-to-checkout a{ background-color: #1abc9c !important; font-size:17px !important; font-weight:bold !important; }

	.shipping-calculator-button{ color: #000; }
		.shipping-calculator-form input{ padding: 6px 7px; border: 1px solid #aaa; color: #808080;
			-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

	.seguir_comprando{ width: 100%; background-color: #f4f0eb; padding: 13px 0; color: #000; text-align: center; font-weight: bold; font-size: 1.25em; }
	.cart_text_complementari{ font-size: 12px; margin-top: 20px; line-height: 1.2; }

	.tax_label{ display: none; }
	.includes_tax{ display: none; }

	.woocommerce-remove-coupon{ color:#000; }

.cross-sells{ border: 1px solid rgba(0,0,0,.1); padding: 0 20px; margin-top: 50px; }
.cross-sells > h2{ margin: 20px 0; text-align: center; padding: 14px 10px; font-size: 16px; font-weight: bold; }
.cross-sells a{ color:#000; }


@media only screen and (max-width: 768px) {
	.cart_totals h2{ display:none; }
}


/* ============================================================
   CHECKOUT
   Inclou: formulari de comanda, columna de revisió, cupons,
   pasarel·la Redsys, Bizum, missatges WooCommerce,
   validació de camps, MailChimp.
   Responsive: @media 975px, 768px
   ============================================================ */
.checkout_container{ width:100%; max-width:1200px; margin:30px auto; }

.showcoupon{ color: #000; }
.showcoupon:hover{ text-decoration: underline; }

/* header ---------------- */
.woocommerce-form-login, .woocommerce-form-coupon{ clear: both; background-color: #f7f6f7; }

/* login xxss */
.nsl-container-buttons{ margin-top: 20px; }

/* login */
.woocommerce-form-login-toggle{ position: relative; }
	.woocommerce-form-login-toggle .woocommerce-info{ padding: 1em 2em 0 1em; font-size: 15px; font-weight: bold; height: 50px; border: 1px solid #d3ced2; border-radius: 5px; } 
	.woocommerce-form-login-toggle .woocommerce-info a{ font-weight: 400; text-decoration: underline; }
	.woocommerce-form-login-toggle .woocommerce-info::before{ display:none; }

	.woocommerce-info a{ color: #678792; }
	.lost_password a{ color: #4D4D4D; font-size:13px; text-decoration:underline; }
	.woocommerce-form-login input{ padding: 10px; }

/* cupon */
.woocommerce-form-coupon-toggle{ display: none; width: 310px; padding-left: 20px; float: left; position: relative; }
	.woocommerce-form-coupon-toggle .woocommerce-info{ padding: 1em 2em 0 5em; font-size: 15px; font-weight: bold; text-align: center; padding-bottom: 20px; }
	.woocommerce-form-coupon-toggle .woocommerce-info a{ font-weight: 400; text-decoration: underline; }
	.woocommerce-form-coupon-toggle .woocommerce-info::before{ content: "\e600"; font-size: 40px; position: absolute; left: 15px; top: 5px; }

	.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon { display: block !important; }

	.woocommerce-form-coupon{ margin-top:20px; }
		.woocommerce-form-coupon p { float: none !important; }
		.woocommerce-form-coupon #coupon_code{  width:100%; padding: 10px !important; font-family: 'Montserrat', sans-serif; margin-top:15px; margin-left:0; }
		.woocommerce-form-coupon button{ background-color: #f7b84b !important; color: #fff !important; text-transform: uppercase; padding: 10px 15px !important; margin-top: -2px !important; 
			font-family: 'Montserrat', sans-serif;  }


/* columna formulari */
.checkout .col2-set{ float: left; width:50% !important; padding-right:15px; }
	
	#customer_details .col-1{ float: none; width: 100%; }
	#customer_details .col-2{ float: none; width: 100%; }

	.checkout input, .checkout select{ padding: 12px; border: none; border: 1px solid #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

	.checkout .select2-selection--single { height: 31px !important; }
	.checkout label{ font-size: 13px; }

	.woocommerce-additional-fields{ margin-top: 15px; }
	.woocommerce-additional-fields h3{ padding-left: 5px; }
	.checkout textarea{ resize: none; padding: 7px; font-family: 'Roboto', sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; border: 1px solid #aaa; }

	#billing_first_name_field{ float:left; width:49%; }
	#billing_last_name_field{ float:right; width:49%; }

/* column review */
.shop_table thead{ background-color: #000; color: #fff; }
#order_review{ float: left; width:50% !important; padding:25px 0 0 15px; margin-top:20px; }
#order_review_heading{ display: none; }

.woocommerce-checkout-review-order-table tfoot tr:first-child th, .woocommerce-checkout-review-order-table tfoot tr:first-child td{ border-top:2px solid #000 !important; }

.woocommerce-terms-and-conditions-checkbox-text{ font-size:12px; }
.woocommerce-privacy-policy-text{ font-size:11px; }
.woocommerce-privacy-policy-text a{ color: #000; text-decoration: underline; }

.checkout_container #place_order{ padding:25px 40px !important; background-color:#1abc9c !important; text-transform:uppercase; float:none; width:100%; margin:20px 0 0 0; }

.woocommerce-terms-and-conditions-link{ color:#000; text-decoration:underline; }


@media only screen and (max-width: 975px) {
	.checkout_coupon .form-row{ width:100% !important; }

	.checkout .col2-set{ float: none; width:100% !important; padding-right:0; }
	#order_review{ float: none; width:100% !important; padding:20px 0 0 0; }

	#billing_first_name_field{ float:none; width:100%; }
	#billing_last_name_field{ float:none; width:100%; }
}

/* pasarela redsys */
#redsys_payment_form .cancel{ display:none; }
#redsys_payment_form{ padding-bottom:70px; }

#submit_redsys_payment_form{ font-size: 130%; margin: 20px 20px 0 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: 15px 40px;
    font-weight: 700; border-radius: 3px; left: auto; color: #fff; background-color: #1abc9c; border: 0; display: inline-block; background-image: none; box-shadow: none; text-shadow: none; }


.woocommerce-checkout .footer_suscripcion_container{ display:none; }
.woocommerce-order-pay .footer_suscripcion_container{ display:none; }
.woocommerce-order-pay .nsl-container{ display:none; }

#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{
	line-height: 3 !important;
}




/* WooCommerce — notificacions i validació de camps */
.wc_payment_methods li{ list-style: none !important; }

.woocommerce-info { border-top-color: #678792; }
.woocommerce-info:before{ color: #678792; }

.woocommerce-message { border-top-color: #b1d3cc; }
.woocommerce-message:before { color: #b1d3cc; }
.woocommerce-message a{ color: #b1d3cc; text-decoration: underline; }

.woocommerce-error { border-top-color: #af5255; }
.woocommerce-error:before { color: #af5255; }
.woocommerce-info a, .woocommerce-error a{ color: #678792; text-decoration:underline; }

.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select { border-color: #af5255; }

.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select { border-color: #b1d3cc; }

.woocommerce-checkout{ clear: both; }

.woocommerce-NoticeGroup-checkout{ padding: 0 20px; }

label[for=payment_method_bizum] img{ width: 90px; height: auto; }

.checkout_coupon .form-row-last button { background: #f7b84b !important; color: #fff !important; padding: 15px 25px; }

#mailchimp-gdpr-fields{ display:none !important; }




/* ============================================================
   PÀGINA DE GRÀCIES (THANKYOU)
   Inclou: missatge de confirmació, detalls de la comanda,
   dades bancàries, adreça del client.
   ============================================================ */
.msg_gracias{ font-size: 30px; font-weight: bold; background-color: #f4f0eb; padding: 10px 20px; }

.woocommerce-thankyou-order-received{ display: none; }

.woocommerce-thankyou-order-details{ background-color: #f4f0eb; padding: 25px 10px 15px 10px; }

.woocommerce-thankyou-order-received{ margin: 10px 0 25px 0; font-size: 15px; }

.woocommerce-bacs-bank-details{ line-height: 1.7; }

.order_details{ margin-top: 10px !important; }
.order_details a{ color: #000; }

.woocommerce-bacs-bank-details{ border: 1px solid rgba(0,0,0,.1); padding: 15px 15px 0 15px; }

.woocommerce-customer-details--phone::before, .woocommerce-customer-details--email::before{ margin-top: -2px; }

.woocommerce .woocommerce-customer-details address{ line-height: 1.6; padding: 10px; margin-top: 8px; }

.woocommerce-order-details{ margin-top: 25px; }



/* ============================================================
   MI COMPTE (ACCOUNT)
   Inclou: login, registre, reset password, àrea de compte
   (navegació lateral, contingut, adreces).
   Responsive: @media 768px
   ============================================================ */

/* LOGIN */
.login_container{ width: 100%; max-width: 1200px; margin: auto; }
	.login_container .login_micuenta_social{ margin:0 0 30px auto; }
	.login_container h2{ font-size: 17px; font-weight: 300; background-color: #000; color: #fff; padding: 20px; text-transform: uppercase; 
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.login_container input[type='text'], .login_container input[type='password']{ padding: 10px; }
	.login_container .form-row .woocommerce-button{ background-color: #000; color: #fff; padding: 10px 20px; }


/* REGISTRO */
.woocommerce-form-register{ background-color:#f7f6f7; }
.woocommerce-form-register input[type='email']{ padding: 10px; }
.woocommerce-form-register #mailchimp-gdpr-fields{ display:none !important; }
.woocommerce-form-register input{ padding: 10px; }


/* RESET PASSWORD */
.woocommerce-ResetPassword{ width: 100%; max-width: 900px; border: 1px solid #d3ced2; padding: 20px; margin: auto; text-align: left; border-radius: 5px; }
.woocommerce-ResetPassword > p:nth-child(1){ font-size: 14px; line-height: 1.3; }
.woocommerce-ResetPassword .woocommerce-form-row{ width: 100% !important; padding-top: 15px !important; }
.woocommerce-ResetPassword .woocommerce-form-row .woocommerce-Button{ background-color: #000; color: #fff; padding: 10px 20px; }


/* ACCOUNT */
.account_container{ width: 100%; max-width: 1200px; margin: 40px auto; }

.woocommerce-account .woocommerce-MyAccount-navigation { max-width: 20%; }
	.woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 0; border-top: 1px solid #eee; }
	.woocommerce-account .woocommerce-MyAccount-navigation ul li { list-style: none; border-bottom: 1px solid #eee; padding-bottom: 0; }
	.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before { opacity: 1; }
	.woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding: 10px 5px; display: flex; }
	.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before { margin-right: 20px; opacity: .25; }
	.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before { opacity: 1; }

	.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before { 
	content: ''; width: 20px; height: 20px; background-image: url('images/escritorio.png'); background-size: contain; background-repeat: no-repeat; margin-top: 3px; }

	.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before { 
		content: ''; width: 20px; height: 20px; background-image: url('images/pedidos.png'); background-size: contain; background-repeat: no-repeat; margin-top: 3px; }

	.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { 
		content: ''; width: 20px; height: 20px; background-image: url('images/download.png'); background-size: contain; background-repeat: no-repeat; margin-top: 3px; }

	.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before { 
		content: ''; width: 20px; height: 20px; background-image: url('images/direcciones.png'); background-size: contain; background-repeat: no-repeat; margin-top: 3px; }

	.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before { 
		content: ''; width: 20px; height: 20px; background-image: url('images/pago_seguro.png'); background-size: contain; background-repeat: no-repeat; margin-top: 3px; }

	.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before { 
		content: ''; width: 20px; height: 20px; background-image: url('images/detalles_de_la_cuenta.png'); background-size: contain; background-repeat: no-repeat; margin-top: 3px; }

	.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { 
		content: ''; width: 20px; height: 20px; background-image: url('images/salir.png'); background-size: contain; background-repeat: no-repeat; margin-top: 3px; }


.woocommerce-account .woocommerce-MyAccount-content { margin-left: 5%; width: 75% !important; }

	.woocommerce-address-fields input, .woocommerce-EditAccountForm input{ padding: 10px; }
	.woocommerce-address-fields label, .woocommerce-EditAccountForm label{ font-size: 13px; }
	.select2-container .select2-selection--single { height: 39px; }


@media only screen and (max-width: 768px) {
	
	.woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { float: none; max-width: 100%; width: 100%; }
   	.woocommerce-MyAccount-navigation ul { margin-top: 0px; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
   	.woocommerce-MyAccount-navigation ul li { display: inline-block; }

   	.woocommerce-account .woocommerce-MyAccount-navigation ul li{ font-size:12px; margin:0 3px; border-bottom: 1px solid #fff; }
   	.woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding: 10px 15px 10px 0; text-decoration:underline;  }

	.woocommerce-account .woocommerce-MyAccount-content { margin-left: 0%; width: 100% !important; }

	.account_container .woocommerce-info{ display:none; }

	.woocommerce-Address{ border-bottom: 2px solid #ccc; padding-bottom:20px; margin-bottom:20px; }
}



/* ============================================================
   RESULTATS DE CERCA
   Responsive: @media 1100px, 600px
   ============================================================ */
.archive_search_content{ display: flex; flex-wrap: wrap; }

.archive_search_content .item_producto{ float: left; width: 16.66%; }

.archive_search_content strong{ text-decoration: underline; }

.archive_search_content .item_producto .producto_textos_title h3{ font-weight: normal; font-size: 12px; }
.archive_search_content .item_producto .amount{ font-size: 12px; }

@media only screen and (max-width: 1100px) {
	.archive_search_content .item_producto{ float: left; width: 33.333%; }
}

@media only screen and (max-width: 600px) {
	.archive_search_content .item_producto{ float: left; width: 50%; }
}



/* ============================================================
   CATEGORIES 2026
   Inclou: variables CSS d'utilitats (--util-*), FAQs de categoria,
   landing per producte (cpp), per ingredient (cpi), per necessitat
   (cnl), ingredients relacionats, taules guia (gf / gn).
   Responsive: @media 992px, 900px, 800px, 768px, 600px
   ============================================================ */


.category_items{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }


@media only screen and (max-width: 600px) {
    .category_items{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

:root {
    --util-hidratacion: #15437A;
    --util-antiedad: #2B5415;
    --util-biomimetico: #295013;
    --util-luminosidad: #61390E;
    --util-calmante: #115042;
    --util-despigmentante: #3D3386;
    --util-antioxidante: #6F2C17;
    --util-reg-sebo: #444441;
    --util-regenerador: #70253E;
    --util-default: #eeeeee;
}

.categoria_faqs_wrapper { background: #F7F8F9; padding: 30px; border-radius:10px; }
	.faq_main_title { font-size: 18px; font-weight: 700; margin-bottom: 25px; color: #000; }
	.categoria_faqs { display: flex; flex-direction: column; gap: 12px; }
		.categoria_faq { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 18px 25px; transition: all 0.3s ease; cursor: pointer; }
		.categoria_faq:hover { border-color: #bbb; }
			.categoria_faq h2 { font-size: 13px; font-weight: 600; text-transform: uppercase; margin: 0; display: flex; justify-content: space-between; align-items: center; color: #333; letter-spacing: 0.3px; }
			.categoria_faq h2::after { content: ""; width: 8px; height: 8px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(45deg); }
			.categoria_faq.active { border-color: #e0e0e0; }
			.categoria_faq.active h2::after { transform: rotate(-135deg); margin-bottom: -4px; }
			.categoria_faq .txt { display: none; overflow: hidden; padding:0; margin:0; }
				
				.faq_content_inner { padding-top: 15px; padding-bottom: 5px; font-size: 14px; color: #777; line-height: 1.6; }
				.faq_content_inner p, .faq_content_inner h1, .faq_content_inner h2, .faq_content_inner h3{ margin-bottom: 25px; }
				.faq_content_inner p:last-child{ margin-bottom:0; }
				.faq_content_inner a{ color: #666; text-decoration: underline; font-weight: bold; }
				.faq_content_inner a:hover{ opacity: .6; }
				.faq_content_inner ul, .faq_content_inner ol{ padding-left:40px; margin-bottom:25px; margin-top:15px; }
				.faq_content_inner ul li{ list-style:outside; margin-bottom:12px; }
				.faq_content_inner ol li{ margin-bottom:12px; }
				.faq_content_inner ol, .faq_content_inner ol li { list-style:decimal; }

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

	.categoria_faqs_wrapper { padding: 20px; }

	.categoria_faq { padding: 18px 15px; position:relative; }
		.categoria_faq h2{ padding-right:25px; font-size: 12px; line-height:1.4; }
		.categoria_faq h2::after{ position:absolute; right:15px; }
}


/* ===== cat-por-producto (cpp) ===== */
.cpp_hero { display: flex; justify-content: space-between; gap: 40px; margin-bottom: 40px; padding: 40px 0; }

	.cpp_hero_content { flex: 1; }
		
		.cpp_h1 { font-size: 34px; line-height: 1.2; font-weight: normal; text-transform: uppercase; max-width: 700px; }
		.cpp_subtitle { margin-top:20px; }
		
		.cpp_tags { display: flex; flex-wrap: wrap; gap: 8px; }
			.cpp_tag { display: inline-block; padding: 6px 14px; border: 1px solid #000; font-size: 10px; text-decoration: none; color: #000; 
                letter-spacing: 0.5px; transition: all 0.3s ease; border-radius:7px; text-transform:uppercase; }
			.cpp_tag:hover { background-color: #000; color: #fff; }
		
	.cpp_hero_img { flex: 0 0 400px; }
		.cpp_hero_img img { width: 100%; height: auto; border-radius: 4px; }
	

	.cpp_cats_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px; }
	
		.cpp_cat_item { width: 100%; text-decoration: none; border:1px solid #eee; border-radius:10px; overflow:hidden; background: #fff; transition: all 0.3s ease; }
		.cpp_cat_item a { text-decoration: none; color: inherit; display: block; }
		
			.cpp_cat_item:hover { border-color: transparent; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);  }

			.cpp_cat_img_wrap { position: relative; aspect-ratio: 1 / 1; overflow: hidden; margin-bottom: 15px; 
				background-size:cover; background-position:center; background-repeat:no-repeat; transition: transform 0.5s ease;}

				.cpp_cat_count { position: absolute; top: 10px; right: 10px; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 12px; padding: 3px 10px; border-radius: 6px; }

			.cpp_cat_info{ padding:7px 20px 15px 20px; }
				.cpp_cat_name { font-size: 15px; font-weight: 400; margin-bottom: 8px; letter-spacing: 0.5px; }			
				.cpp_cat_desc { font-size: 12px; color: #777; line-height: 1.5; margin-top:10px; }

	.cpp_editorial { background: #F7F8F9; padding: 30px; margin-bottom: 40px; border-radius:10px; }
		.cpp_editorial_title { font-size: 16px; margin-bottom: 15px; text-transform: uppercase; font-weight:700; }
		.cpp_editorial_text { font-size: 14px; line-height: 1.8; }
	

@media (max-width: 768px) {

	.cpp_h1 { font-size: 25px; }

    .cpp_hero { flex-direction: column; gap: 20px; padding: 20px 0; }
    .cpp_hero_img { flex: 1 auto; width: 100%; max-width: 400px; margin: 0 auto; }

    
    .cpp_cats_grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .cpp_cat_info { padding: 10px 15px; }
    .cpp_cat_name { font-size: 14px; }
    
}





.is-hidratacion { --accent: var(--util-hidratacion); }
.is-antiedad { --accent: var(--util-antiedad); }
.is-biomimetico { --accent: var(--util-biomimetico); }
.is-luminosidad { --accent: var(--util-luminosidad); }
.is-calmante { --accent: var(--util-calmante); }
.is-despigmentante { --accent: var(--util-despigmentante); }
.is-antioxidante { --accent: var(--util-antioxidante); }
.is-reg-sebo { --accent: var(--util-reg-sebo); }
.is-regenerador { --accent: var(--util-regenerador); }


/* POR INGREDIENTES */
.cpi_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-bottom: 60px; }
	.cpi_item { background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #eee; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; }
	.cpi_item:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.08); }
	.cpi_item a { text-decoration: none; color: inherit; }
		.cpi_header { padding: 30px 25px; position: relative; min-height: 120px; display: flex; align-items: flex-end; background-color: color-mix(in srgb, var(--accent, var(--util-default)), transparent 80%); }
			.cpi_badge { position: absolute; top: 15px; right: 15px; color: #fff; font-size: 10px; font-weight: 500; padding: 4px 10px; border-radius: 20px; letter-spacing: 0.5px; 
				background-color: var(--accent, var(--util-default)); }
			.cpi_name { font-size: 19px; font-weight: 500; margin: 0; color: #1a1a1a; line-height: 1.2; }
		
		.cpi_info { padding: 20px 25px 30px; }
			.cpi_count { display: block; text-align: right; font-size: 12px; color: #999; margin-bottom: 15px; }
			.cpi_desc { font-size: 14px; color: #666; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

@media (max-width: 992px) { .cpi_grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { 
	.cpi_grid { /*grid-template-columns: 1fr;*/ gap: 10px; } 
		.cpi_header { padding: 20px 20px; }
			.cpi_badge { font-size: 9px; }
			.cpi_name { font-size: 17px; }

		.cpi_info { padding: 15px 20px; }
}


/* POR NECESIDAD - LANDING */
.cnl_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-bottom: 60px; }
	.cnl_item { background: #fff; border-radius: 8px; border: 1px solid #e0e0e0; padding: 30px; transition: all 0.3s ease; height: 100%; }
	.cnl_item:hover { border-color: #bbb; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
	.cnl_item a { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }
		
		.cnl_top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 25px; }
			.cnl_icon_wrap { width: 60px; height: 60px; border-radius: 50%; border: 1px solid #333; display: flex; align-items: center; justify-content: center; overflow: hidden; }
			.cnl_icon_wrap img { width: 30px; height: 30px; object-fit: contain; }
			.cnl_count { font-size: 13px; color: #999; font-weight: 300; }
		.cnl_info{ }
			.cnl_name { font-size: 17px; font-weight: 600; color: #333; margin: 0 0 15px 0; letter-spacing: 0.5px; }
			.cnl_desc { font-size: 14px; color: #777; line-height: 1.5; font-weight: 300; }

@media (max-width: 992px) { .cnl_grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { 
	.cnl_grid { gap: 10px; }

		.cnl_item { padding: 15px; }

			.cnl_icon_wrap { width: 40px; height: 40px; border: 1px solid #fff; }
			.cnl_icon_wrap img { width: 40px; height: 40px; }

			.cnl_name { font-size: 16px; }
}	



/* ingredientes relacionados */
.cnl_ing_title { font-size: 22px; font-weight: 700; margin: 40px 0 25px; color: #000; letter-spacing: -0.5px; }

.cnl_ing_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }

.cnl_ing_item { background: #fff; border: 1px solid #eef0f2; border-radius: 6px; transition: transform 0.2s ease, box-shadow 0.2s ease; position: relative; overflow: hidden; }
.cnl_ing_item:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.cnl_ing_item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background-color: var(--accent); opacity:.5; }
.cnl_ing_content { padding: 20px 25px; }
.cnl_ing_name { font-size: 16px; font-weight: 600; color: #1a1a1a; margin: 0 0 8px 0; }
.cnl_ing_desc { font-size: 13px; color: #777; line-height: 1.4; margin: 0; font-weight: 300; }

@media (max-width: 900px) { .cnl_ing_grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { 
	.cnl_ing_grid { /*grid-template-columns: 1fr;*/ gap:10px; } 
	.cnl_ing_content { padding: 20px 15px; }
}





/* tabla por productos */
.guia_formatos_title { font-size: 18px; font-weight: 700; margin-bottom: 25px; margin: 50px 0 30px 0; }

.guia_formatos { width: 100%; margin: 20px 0; font-weight:400; }

	.gf_header, .gf_row { display: flex; align-items: center; margin-bottom: 5px; border-radius: 8px; }
	.gf_row:nth-child(even) { background-color: #F3F7FB; }
	.gf_row:nth-child(odd) { background-color: #E7F1FA; }

		.gf_col{ padding: 20px; }

		.gf_col_1 { width: 20%; font-size: 13px; }
		.gf_col_2 { width: 50%; font-size: 13px; padding-right: 30px; color: #444; }
		.gf_col_3 { display: flex !important; align-items: center !important; gap: 8px; font-size: 13px; line-height: 1; }

			.gf_clock_icon { display: inline-block; width: 14px; height: 14px; flex-shrink: 0; 
				background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13C10.3137 13 13 10.3137 13 7C13 3.68629 10.3137 1 7 1C3.68629 1 1 3.68629 1 7C1 10.3137 3.68629 13 7 13Z' stroke='black'/%3E%3Cpath d='M7 3.5V7L9.5 8.5' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E");
    			background-repeat: no-repeat; background-position: center; background-size: contain; }

@media (max-width: 800px) {
    .gf_header { display: none; }
    .gf_row { flex-direction: column; align-items: flex-start; }
    .gf_col { width: 100%; padding: 15px 10px; }
}


/* tabla por ingredientes  */
.guia_nec { width: 100%; margin: 20px 0; font-weight:400; }

	.gn_header, .gn_row { display: flex; align-items: center; margin-bottom: 4px; border-radius: 8px; }
	.gn_row:nth-child(even) { background-color: #F0F2F4; }
	.gn_row:nth-child(odd) { background-color: #F9FAFB; }

		.gn_col{ padding: 20px; border-right:3px solid #fff; }

		.gn_col_1 { width: 15%; font-size: 13px; flex-shrink: 0; }
		.gn_col_2 { width: 45%; font-size: 13px; color: #444; padding-right: 20px; flex-shrink: 0; }
		.gn_col_3 { width: 40%; font-size: 13px; color: #444; flex-shrink: 0; }

.gn_pill { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 500; text-align: center; min-width: 100px; 
	color: var(--accent); background-color: color-mix(in srgb, var(--accent), transparent 88%); }

@media (max-width: 900px) {
    .gn_header { display: none; }
    .gn_row { flex-direction: column; align-items: flex-start; padding: 20px; }
    .gn_col { width: 100%; padding: 5px 0; }
    .gn_pill { margin-bottom: 8px; }
}




/* POR NECESIDAD ==================================== */
.lev_landing_container { width: 100%; display: block; }
.lev_landing_header { margin-bottom: 25px; }
.lev_landing_header h4 { font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: #545454; display: block; margin-bottom: 5px; }
.lev_landing_header h1 { font-size: 28px; font-weight: 400; color: #000; text-transform: uppercase; margin: 0 0 15px 0; letter-spacing: 0.5px; }
.lev_landing_header p { font-size: 14px; color: #666; line-height: 1.6; max-width: 900px; }

/* Les dues targetes destacades grans */
.lev_featured_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 60px; }
.lev_featured_card { background-color: #f4efe9; border-radius: 10px; }
.lev_featured_card a { text-decoration: none; color: inherit; display: block; }
.lev_featured_img_box { position: relative; width: 100%; aspect-ratio: 1.15; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.lev_featured_img { width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.4s ease; }
.lev_featured_card:hover .lev_featured_img { transform: scale(1.03); }
.lev_featured_number { position: absolute; top: 15px; right: 20px; font-size: 11px; font-weight: 600; color: #000; letter-spacing: 1px; }
.lev_featured_info { padding: 35px; min-height: 190px; display: flex; flex-direction: column; justify-content: space-between; }
.lev_featured_info h2 { font-size: 22px; font-weight: 700; color: #000; margin: 0 0 12px 0; max-width: 150px; white-space: normal; word-break: normal; overflow-wrap: normal; }
.lev_featured_info p { font-size: 13.5px; color: #545454; line-height: 1.5; margin: 0 0 20px 0; }
.lev_explore_link { font-size: 11px; font-weight: 700; text-transform: uppercase; color: #000; letter-spacing: 1px; display: inline-flex; align-items: center; gap: 5px; }
.lev_explore_arrow { width: 14px; height: 14px; background-image: url('images/card_bt.png'); background-size: 100%; }


@media (max-width: 768px) {
   .lev_featured_grid { grid-template-columns: repeat(1, 1fr); gap: 0px; } 
   .lev_featured_card { margin-bottom:30px; }
}


/* CUIDADO FACIAL ========================== */
.facial_advanced_container { width: 100%; display: block; }
.facial_section_block { width: 100%; display: block; }
.facial_section_block.margin_top_block { margin-top: 60px; }

.facial_section_label { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; display: block; margin-bottom: 5px; }
.facial_section_title { font-size: 24px; font-weight: 400; text-transform: uppercase; padding-bottom: 8px; display: inline-block; }
.facial_title_deco { width: 80px; height: 2px; background: #000; margin: 0 0 25px 0; }
.facial_section_header_flex { display: flex; justify-content: space-between; align-items: baseline; }
.facial_section_header_flex .facial_section_title { font-size: 24px; border-bottom: none; margin-bottom: 0; padding-bottom: 8px; text-transform:uppercase; }
.facial_count_label { font-size: 12px; color: #666; }

.facial_skin_columns_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 40px; }
.facial_skin_col_card { display: flex; flex-direction: column; }
.facial_skin_header_toggle { display: flex; align-items: center; padding: 12px 0; cursor: pointer; user-select: none; }
.facial_skin_plus_icon { font-size: 16px; margin-right: 8px; color: #333; }
.facial_skin_header_toggle h3 { font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 0; color: #333; letter-spacing: 0.5px; }
.facial_skin_switch_wrapper { position: relative; width: 100%; aspect-ratio: 1.33; overflow: visible; }
.facial_skin_col_img { width: 100%; height: 100%; background-size: cover; background-position: center; display: block; cursor: pointer; }


/* Menú flotant absolut sobre la targeta de pell */
.facial_skin_col_menu { position: absolute; top: 0; left: 0; width: 100%; background: #fff; display: none; flex-direction: column; border-top: 1px solid #eaeaea; z-index: 99; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.facial_skin_menu_item { display: block; padding: 7px 12px; font-size: 12px; text-transform: uppercase; color: #545454; text-decoration: none; border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; transition: background 0.2s, color 0.2s; white-space: normal; word-break: keep-all; }
.facial_skin_menu_item:hover { background: #f8f8f8; color: #000; }
.facial_skin_menu_item.facial_menu_all_link { font-weight: bold; color: #000; }
.facial_skin_col_card.menu_active .facial_skin_col_menu { display: flex; }


/* RESPONSIVE TIPO DE PIEL SWITCH */
@media (max-width: 992px) {
    .facial_skin_columns_grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .facial_skin_columns_grid { grid-template-columns: 1fr; }
}