WDF221E-B, Cadre de bureau motorisé jusqu’à 70 kg, Noir Livraison rapide

Description

WDF221E-B, Cadre de bureau motorisé jusqu’à 70 kg, Noir
.main-content-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}

#content-layout {
max-width: 1280px;
width: 100%;
font-size: 16px;
}

iframe {
max-width: 1280px;
width: 100%;
height: clamp(12.5em, 20.833vw + 8.333em, 25em) !important;
margin-bottom: 30px;
border-radius: 16px;
}

.layout-header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
}

.layout-header__img {
width: 100%;
}

@media screen and (max-width: 480px) {
.layout-header__img {
border-radius: 16px;
background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgb(204, 204, 204)));
background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(204, 204, 204) 100%);
}
}

.layout-header__content-wrap {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}

@media screen and (max-width: 480px) {
.layout-header__content-wrap {
position: static;
text-align: center;
}
}

.layout-header__content-wrap .layout-header__logo {
width: clamp(2em, 9.063vw + 0.188em, 7.438em);
}

.layout-header__content-wrap .layout-header__title {
font-size: clamp(1.063em, 4.479vw + 0.167em, 3.75em);
font-weight: 600;
color: #000 !important;
text-align: center;
margin: 0.5em 0 !important;
}

@media screen and (max-width: 480px) {
.layout-header__content-wrap .layout-header__title {
text-align: center;
}
}

.layout-header__content-wrap .layout-header__subtitle {
width: 100%;
font-size: clamp(0.813em, 1.607vw + 0.491em, 1.938em);
font-weight: 400;
text-align: center;
margin: 0;
color: #000 !important;
line-height: 1;
}

@media screen and (max-width: 480px) {
.layout-header__content-wrap .layout-header__subtitle {
margin-bottom: 1em;
}
}

.layout-header_mob {
display: none;
}

.layout-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
padding: 0 12% !important;
width: 100%;
list-style-type: none;
gap: 10px;
margin: 0 !important;
margin-top: 5% !important;
margin-bottom: 0 !important;
}

@media screen and (max-width: 480px) {
.layout-icons {
margin-top: 0 !important;
}
}

.layout-icons .layout-icons__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 !important;
}

.layout-icons .layout-icons__item:nth-child(2) .item__img-wrapper {
margin-left: 15%;
}

.layout-icons .layout-icons__item:nth-child(3) .item__img-wrapper {
margin-left: 30%;
}

.layout-icons .layout-icons__item:nth-child(5) .item__img-wrapper {
padding: 10% 0;
}

.layout-icons .layout-icons__item .item__img-wrapper {
height: clamp(1.125em, 5.521vw + 0.021em, 4.438em);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.layout-icons .layout-icons__item .item__img-wrapper .item__img {
height: 100%;
max-width: none;
}

.layout-icons .layout-icons__item .item__title {
text-align: center;
text-wrap: nowrap;
font-size: clamp(0.313em, 1.667vw – 0.021em, 1.313em);
color: #000;
margin: 12px 0 !important;
font-weight: 600;
}

.layout-icons .layout-icons__item .item__desc {
font-size: clamp(0.25em, 1.354vw – 0.021em, 1.063em);
}

.full-img {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 39.6px 0 !important;
}

.full-img__img {
width: 100%;
}

.full-img__content-box {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
}

.content-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 3%;
}

.content-box__title,
.content-box__list {
width: 48%;
color: #fff;
}

.content-box__title {
font-size: clamp(0.875em, 5.208vw – 0.167em, 4em);
font-weight: 600 !important;
}

.content-box__list {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
padding-left: 2%;
}

.content-box__list .list__item {
font-size: clamp(0.438em, 1.354vw + 0.167em, 1.25em);
}

.start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.center-horizontal {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}

.top {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}

.center-vertical {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.bottom {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.grid-layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
gap: 12px;
margin: 5% 0 !important;
}

.grid-layout__grid-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
color: #fff;
-webkit-box-flex: 2;
-ms-flex: 2 40%;
flex: 2 40%;
}

@media screen and (max-width: 480px) {
.grid-layout__grid-item {
-webkit-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
}
}

.grid-layout__grid-item .grid-item__img {
width: 100%;
border-radius: 16px;
}

.grid-layout__grid-item .grid-item__title {
position: absolute;
color: #000;
font-size: clamp(1.063em, 2.875vw + 0.2em, 2.5em);
margin-top: 23%;
margin-right: 10%;
font-weight: 600;
}

@media screen and (max-width: 480px) {
.grid-layout__grid-item .grid-item__title {
font-size: clamp(1.063em, 5vw + 0.063em, 1.563em);
margin-right: 17%;
margin-top: 15%;
}
}

.grid-layout6 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
-ms-grid-rows: (1fr)[2];
grid-template-rows: repeat(2, 1fr);
gap: clamp(0.625em, 3.393vw – 0.054em, 3em);
padding: 0 5%;
margin: 5% 0;
}

.grid-layout6 .grid-layout6__grid-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
}

.grid-layout6 .grid-layout6__grid-item:nth-child(2),
.grid-layout6 .grid-layout6__grid-item:nth-child(5) {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}

.grid-layout6 .grid-layout6__grid-item .full-img__img {
width: 100%;
margin: 5px 0;
}

.grid-layout6 .grid-layout6__grid-item .grid-item6__title {
font-size: clamp(1.063em, 1.042vw + 0.854em, 1.688em);
color: #000;
margin: auto 0;
padding-left: 4%;
line-height: 1;
font-weight: 600;
}

@media screen and (max-width: 480px) {
.grid-layout6 .grid-layout6__grid-item .grid-item6__title {
padding: 0;
}
}

@media screen and (max-width: 768px) {
.grid-layout6 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
row-gap: 20px;
}

.grid-layout6 .grid-layout6__grid-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}

.grid-layout6 .grid-layout6__grid-item:nth-child(2),
.grid-layout6 .grid-layout6__grid-item:nth-child(5) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.grid-layout6 .grid-layout6__grid-item .grid-item6__title {
text-align: center;
margin-top: 10px;
}
}