.elementor-5323 .elementor-element.elementor-element-38e2ca6{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5323 .elementor-element.elementor-element-38e2ca6:not(.elementor-motion-effects-element-type-background), .elementor-5323 .elementor-element.elementor-element-38e2ca6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.prismemineraux.fr/wp-content/uploads/2025/08/Fond-header.jpg");background-position:center center;background-size:cover;}.elementor-5323 .elementor-element.elementor-element-63291ae{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5323 .elementor-element.elementor-element-eece6a0{text-align:center;}.elementor-5323 .elementor-element.elementor-element-eece6a0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:800;color:var( --e-global-color-primary );}.elementor-5323 .elementor-element.elementor-element-d1f7ff8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-5323 .elementor-element.elementor-element-84f471a{text-align:start;}.elementor-5323 .elementor-element.elementor-element-84f471a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:800;color:var( --e-global-color-accent );}.elementor-5323 .elementor-element.elementor-element-807133e{--display:flex;}@media(min-width:768px){.elementor-5323 .elementor-element.elementor-element-d1f7ff8{--content-width:1536px;}}@media(max-width:1024px){.elementor-5323 .elementor-element.elementor-element-38e2ca6{--min-height:30vh;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-5323 .elementor-element.elementor-element-eece6a0 .elementor-heading-title{font-size:30px;}.elementor-5323 .elementor-element.elementor-element-84f471a .elementor-heading-title{font-size:23px;}}@media(max-width:767px){.elementor-5323 .elementor-element.elementor-element-38e2ca6{--min-height:40vh;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-5323 .elementor-element.elementor-element-eece6a0 .elementor-heading-title{font-size:22px;}.elementor-5323 .elementor-element.elementor-element-84f471a .elementor-heading-title{font-size:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-44762aa */.child-product-cats{
	display: grid;
  	grid-template-columns: repeat(4,1fr);
  	gap: 30px;
}

.child-product-cats .cat-card{
	border: 1px solid #f2f2f2;
}

.child-product-cats .cat-card .cat-image{
	aspect-ratio: 1 / 1;
  	overflow: hidden;
  	img{
  		width:100%;
  		height:100%;
  		object-fit:cover;
  	}
}

.child-product-cats .cat-card .cat-content{
	padding: 20px;
	.cat-title{
		font-family: "Montserrat", Sans-serif;
  		font-size: 20px;
  		font-weight: 700;
  		text-transform: none;
  		line-height: 30px;
  		color: var( --e-global-color-secondary );
  		margin-bottom: 25px;
	}

	.cat-btn{
		font-family: "Montserrat", Sans-serif;
		  font-size: 16px;
		  font-weight: 400;
		  text-transform: none;
		  line-height: 16px;
		  border-radius: 4px 4px 4px 4px;
		  padding: 12px 16px 12px 16px;
		  color: var( --e-global-color-text );
		  background-color: var( --e-global-color-accent );
		  border-color: var( --e-global-color-accent );
		  transition: all 0.3s;
		  &:hover{
		  	color: var( --e-global-color-text );
  			background-color: var( --e-global-color-secondary );
  			border-color: var( --e-global-color-secondary );
		  }
	}
}

@media (max-width:1024px){
	
	.child-product-cats{
  		grid-template-columns: repeat(3,1fr);
	}

}

@media (max-width:991px){
	
	.child-product-cats{
  		grid-template-columns: repeat(2,1fr);
	}

}

@media (max-width:575px){
	
	.child-product-cats{
  		grid-template-columns: repeat(1,1fr);
	}

}/* End custom CSS */