:root {
    --color-theme2:#66dcce;
}





@media screen and (min-width:768px){
nav{background:linear-gradient(135deg,var(--color-theme) 50%,var(--color-theme2) 100%)}
}


@media screen and (min-width: 1500px) {
    .container, .nav--sousMenu-li, footer .menu-footer, .pf-productrelatedgroupselector, .pf-productcomplementarygroupselector, .pfstore-relatedproducts-ct, #orderdataeditform-container {
        width: var(--contentwidth1440);
    }
}


.pf-cms-grid-renderer-root {max-width:100%;gap:60px}
.pf-cms-grid-renderer-root h1{ font-weight: 700;}
.pf-cms-grid-renderer-root h2{font-size: 1.5em}
.pf-cms-grid-renderer-root h2.home-bg{max-width: 1200px;margin: 14px auto 35px;}
.pf-cms-grid-renderer-root .x-cms-component,.pfstore-cat-level1:has(.metier){margin:0 21px}
.pf-cms-grid-renderer-root .x-cmstype-imageswiper.x-cms-component,.x-cms-component.x-cmstype-html:has(.bloctxt),.x-cms-component.x-cmstype-html:has(.home-marque){margin:0}
.pf-cms-grid-renderer-root .x-cms-card.x-carrousel{background-color:transparent;}
.pf-cms-grid-renderer-root .x-cmstype-html h3{padding: 21px 0 14px;}    
.pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-body .x-item{border-radius:var(--borad-med);    box-shadow: 0 0 .5rem rgba(0, 0, 0, .1);background:#fff}
.pf-cms-grid-renderer-root .x-cms-card.x-carrousel .x-footer .x-link {background: var(--blue);color: #fff;padding: 14px 21px;border-radius: var(--borad-med);display: inline-block;}
.pf-cms-grid-renderer-root .x-cms-card .x-footer{min-height:auto;overflow: visible;}

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

.x-cms-component.x-cmstype-html:has(.bloctxt){max-width:100%;padding:21px}
.x-cms-component.x-cmstype-html:has(.home-marque){max-width:100%;background-color:#eee;padding:14px;border-radius:0}
.x-cms-component.x-cmstype-html:has(.home-normes){background-color: #eee;padding:14px;max-width: 100%;margin: 0;text-align: center;}
.pfstore-documentcategorylist-ct:has(+ .pf-cms-grid-renderer-root) {display: none}

.gfw-page-storefront{
	& .vspace1 {margin-top: 0;margin-bottom: 0;}
	& .home-metier{display: grid; grid-template-columns:repeat(2, 1fr);gap:21px}
	& .home-metier img{height: 100%}
	& .home-metier-link{grid-column: 1 / 3;text-align: center;font-weight: 700 !important;color:#fff!important;background: var(--blue);border-radius:var(--borad-big);padding: 14px;display: block;}
	& .home-tech{display: grid; grid-template-columns:repeat(2, 1fr);gap:21px}
	& .home-tech a{text-align: center; font-weight: 700; color: #000;background: #fff;border-radius: var(--borad-med);padding: 21px;}
	& .home-tech img{width:50px!important;margin: 0 auto 14px!important;display:block}
	& .home-marque{display: grid; grid-template-columns:repeat(4, 1fr);gap:14px}
	& .home-marque img{width:100%;height:100%;border-radius:var(--borad-big)}
	& .home-normes{display: grid; grid-template-columns:repeat(3, 1fr);gap:21px;justify-self: center}
	& .home-normes img{width: 70px !important;height:auto}
	& section:has(.pf-cms-grid-renderer-root){margin:0}
	& .container:has(.pf-cms-grid-renderer-root) {grid-template-areas:"level1"
        "level2";
    grid-template-columns: 1fr;width: auto;}
    }
    

@media screen and (min-width:600px){
.gfw-page-storefront{
	& .home-metier{grid-template-columns:repeat(3, 1fr)}
	& .home-metier-link{grid-column: 1 / 4;}
	& .home-tech{grid-template-columns:repeat(3, 1fr)}
	& .home-normes{grid-template-columns:repeat(6, 1fr)}
}
.swiper-backface-hidden .swiper-slide div{height:170px !important;}
}
    
    
@media screen and (min-width:900px){
    .swiper-backface-hidden .swiper-slide div{height:210px !important;}
}
    
@media screen and (min-width:985px){
	.gfw-page-storefront{
	& .home-metier{grid-template-columns:repeat(10, 1fr)}
	& .home-metier a:hover{box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);border-radius:var(--borad-big)}
	& .home-metier-1{grid-row:1 / 3;grid-column:1 / 5}
	& .home-metier-2{grid-row:1;grid-column:5 / 7}
	& .home-metier-3{grid-row:1;grid-column:7 / 9}
	& .home-metier-4{grid-row:1;grid-column:9 / 11}
	& .home-metier-5{grid-row:2 / 4;grid-column:5 / 8}
	& .home-metier-6{grid-row:2 / 4;grid-column:8 / 11}
	& .home-metier-link{grid-row: 3;grid-column:1 / 5}
	& .home-tech{grid-template-columns:repeat(6, 1fr)}
}
    .swiper-backface-hidden .swiper-slide div{height:280px !important;}
}


@media screen and (min-width:1200px){
.gfw-page-storefront{
	& .home-marque{gap: 42px;}
	& .home-normes { max-width:600px;margin:14px auto;}
}
.x-cms-component.x-cmstype-html,.bloctxt,.home-marque{    max-width:1200px;margin:14px auto}
.x-cms-component.x-cms-card{max-width:1200px;margin:0 auto}
}

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


.pfstore-cat-level1.metier .pfstore-cat-level1-subcategory {gap:21px}
.pfstore-cat-level1.metier .pfstore-cat-level1-subcategory a{  transform:none;  padding: 0;width: auto;background: none;overflow: hidden;display: block;flex: inherit;height:auto;    transition: allease 0.3s;}
.pfstore-cat-level1.metier .pfstore-cat-level1-subcategory a:hover{transform: translateY(-4px);transition: 0.3s;}
.pfstore-cat-level1.metier .pfstore-cat-level1-subcategory .pf-x-image-container { width: 137px;}
.pfstore-cat-level1.metier .pfstore-cat-level1-subcategory .pf-x-image {margin: 0 auto;transform:none}
.pfstore-cat-level1.metier .pf-x-text-container{display:none}

@media screen and (min-width:600px){
.pfstore-cat-level1.metier .pfstore-cat-level1-subcategory {gap:50px}
.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}
 }

.pfstore-cat-level1.level1class.bas-corps .pfstore-cat-level1-h1 span {background-image:url("/src/profilestorage/printaffiliation/mer/web/cms/images/bas-du-corps-4171.jpg")}



.gfw-idtab-basketvatinedit td.gfw-form-titlebar.hedb {
    font-size: 1.5em;
    text-align: center;
    display: block;visibility:visible;
    background: linear-gradient(135deg, var(--bgmen-dark) 0%, var(--bgmen) 60%);
    color: var(--fghed);
        margin: -14px -14px 21px;
    width: calc(100% + 30px);
    position: relative;
    padding: 14px;
}

.gfw-pager {grid-area:pager;flex-flow:row wrap}
.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;
    }
    .gfw-pager .gfw-x-lnk {padding: 14px 21px;border-radius: var(--borad-med)}
}