: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 {
	& h2.home-bg{max-width: 1200px;margin: 14px auto 35px;}
	& .x-cms-card.x-carrousel{background-color:transparent;}
	& .x-cms-card.x-carrousel .gfw-hscroller .x-body .x-item{width:200px;box-shadow: 0 0 .5rem rgba(0, 0, 0, .1);background:#fff}
	& .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;}
	& .x-cms-card .x-footer{min-height:auto;overflow: visible;}
}

	.x-cms-component.x-cmstype-html:has(.bloctxt),.x-cms-component.x-cmstype-html:has(.home-marque){margin:0}
	
.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 {
	& .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-size:.8em;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)}
	& .normes{display:grid}
	& .home-normes{display: grid; grid-template-columns:repeat(3, 1fr);gap:21px;justify-self: center}
	& .home-normes img{width:60px !important;height:auto}
}

.pfstore-cat-level1:has(.metier){margin:0 21px}

@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:768px){
    .swiper-backface-hidden .swiper-slide div{height:240px !important;}
    .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-body .x-item{width:320px;}
}
    
@media screen and (min-width:900px){
    .pf-cms-grid-renderer-root .x-cms-card.x-carrousel .gfw-hscroller .x-body .x-item{width:320px;}
}
    
@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:230px !important;}
}


@media screen and (min-width:1200px){
.gfw-page-storefront{
	& .home-marque{gap: 42px;}
	& .home-normes { max-width:600px;margin:14px auto;}
}
.bloctxt,.home-marque{    max-width:1200px;margin:0 auto}
.x-cms-component.x-cms-card{max-width:1200px;margin:0 auto}
.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-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;}


