.pf-cms-grid-renderer-root {
  & h1 {font-size:1.8rem;font-weight:800;display:flex;align-items:center;text-align:left;}
	& h1::before {content: "";width: 6px;height: 24px;background: #333;margin-right: 15px;border-radius: 4px;}
	& h2 {font-size: 1.8rem;font-weight: 800;margin-top: 35px;display: flex;align-items: center;text-align:left}
	& h2::before {content: "";width: 6px;height: 24px;background: #333;margin-right: 15px;border-radius: 4px;}
	& h3 {font-size: 1.8rem!important;font-weight: 800;margin-top: 35px!important;padding-bottom:0!important;display: flex!important;align-items: center;text-align:left}
	& h3::before {content: "";width: 6px;height: 24px;background: #333;margin-right: 15px;border-radius: 4px;}
}

.gfw-page-storefront {
	 & section .container {display: grid;
    grid-template-areas:
        "level1"
        "level2"
        "menucatalogue";grid-template-columns: 1fr;}
	& .vspace1 {margin-top:0;margin-bottom: 0;}
	& .x-cmstype-imageswiper{border-radius:var(--borad-big);overflow:hidden}
	& .front-txt h1{margin:50px 0 21px}
	& .front-txt h2{margin:50px 0 21px}
	& .front-txt p{margin-bottom:21px}
}


@media screen and (min-width: 985px) 
{
	.gfw-page-storefront section .container {
        gap: 0 35px;
        grid-template-areas:
        "menucatalogue level1"
        "menucatalogue level2";
        grid-template-columns: 300px 1fr;
        grid-template-rows: auto 1fr;
    }
}



.swiper-backface-hidden .swiper-slide div{    background-size: 100% !important;  height:110px !important;}

@media screen and (min-width:600px){
.swiper-backface-hidden .swiper-slide div{height:170px !important;}
}

@media screen and (min-width:768px){
  .swiper-backface-hidden .swiper-slide div{height:240px !important;}
}

@media screen and (min-width:985px){
.swiper-backface-hidden .swiper-slide div{height:230px !important;}
}

@media screen and (min-width:1200px){
.swiper-backface-hidden .swiper-slide div{height:280px !important;}
}

@media screen and (min-width:1500px){
  .swiper-backface-hidden .swiper-slide div{height:380px !important;}
}


.pfstore-cat-product {
    & .pf-x-product .gfw-favoritebutton {z-index:2}
    }
    
    
.gfw-pager {grid-area:pager;flex-flow:row wrap}

@media screen and (min-width: 985px) {
    .gfw-pager .gfw-x-lnk {padding: 14px 21px;border-radius: var(--borad-med)}
}

    
.gfw-idtab-productsearch section .container {display: grid;grid-template-areas:
        "level1"
        "level2"
        "pager"
        "menucatalogue";grid-template-columns: 1fr;
}

@media screen and (min-width: 985px) {
    .gfw-idtab-productsearch section .container {gap:0 28px;grid-template-areas:"menucatalogue level1""menucatalogue level2""menucatalogue pager";grid-template-columns:300px 1fr;}
}
    
    
    .pfstore-cat-level1.metier {
	& .pfstore-cat-level1-subcategory a{  transform:none;  padding: 0;width: auto;background: none;overflow: hidden;flex: inherit;height:auto;transition: allease 0.3s;}
	& .pfstore-cat-level1-subcategory a:hover{transform: translateY(-4px);transition: 0.3s;}
	& .pfstore-cat-level1-subcategory .pf-x-image-container { width: 137px;}
	& .pfstore-cat-level1-subcategory .pf-x-image {margin: 0 auto;transform:none}
	& .pf-x-text-container{display:none}
}

@media screen and (min-width:600px){
.pfstore-cat-level1.metier .pfstore-cat-level1-subcategory {gap:45px}
.pfstore-cat-level1 .pfstore-cat-level1-subcategory.metier .pf-x-image-container {height: auto!important;width: 225px}
 }

@media screen and (min-width:768px){
.pfstore-cat-level1 .pfstore-cat-level1-subcategory.metier .pf-x-image-container {width: 280px}
 }

@media screen and (min-width:1200px){
.pfstore-cat-level1 .pfstore-cat-level1-subcategory.metier .pf-x-image-container {width: 225px}
 }

@media screen and (min-width:1500px){
    .pfstore-cat-level1 .pfstore-cat-level1-subcategory.metier .pf-x-image-container {width: 320px}
 }
 
 
 .pf-payment-button-container { background: #e6edf2;}
  .x-nodatevalidated {
  	& p{margin:14px 0}
  	& a{padding:14px 21px;background: #eee;display: inline-block; text-align: center; margin:14px auto 0;border-radius:var(--borad-big)}
  	& a:hover{background:var(--bghed);color: var(--fghed);}
  }
 
  .bloc-paiement-ok {
  	& .x-datepaymentdeadlinemessage{margin:14px 0;font-weight:700}
  	& .gfw-button.x-skin{padding:14px 21px;background: #eee;display: inline-block; text-align: center; margin:14px auto 0;border-radius:var(--borad-big)}
  	& .gfw-button.x-skin:hover{background:var(--bghed);color: var(--fghed);}
  }
  
  .gfw-page-help fieldset legend{color:#fff}