Votre sélection
Votre panier
Retrouvez ici les pièces sélectionnées avant de finaliser
votre commande Wooden Seillier.
01
Expédition suivie
Suivi de votre commande jusqu'à sa livraison.
02
Retours sous 14 jours
Vous disposez de 14 jours pour nous retourner votre commande.
03
Paiement sécurisé
Vos transactions sont protégées et sécurisées.
/* =========================================================
WOODEN SEILLIER — HEADER + FOOTER
========================================================= */
.ws-header {
position: relative;
z-index: 1000;
width: 100%;
background: rgba(251,247,241,.96);
border-bottom: 1px solid rgba(70,48,32,.12);
backdrop-filter: blur(12px);
}
.ws-header-inner {
max-width: 1260px;
min-height: 88px;
margin: auto;
padding: 0 28px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.ws-brand {
display: flex;
flex-direction: column;
color: #35261d;
text-decoration: none;
}
.ws-brand-main {
font-family: Georgia, "Times New Roman", serif;
font-size: 23px;
line-height: 1;
letter-spacing: .07em;
}
.ws-brand-sub {
margin-top: 8px;
color: #8a7565;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .22em;
}
.ws-nav {
display: flex;
align-items: center;
gap: 30px;
}
.ws-nav a {
position: relative;
color: #4b3a2f;
font-size: 13px;
font-weight: 600;
text-decoration: none;
transition: color .25s ease;
}
.ws-nav a:after {
content: "";
position: absolute;
left: 0;
bottom: -7px;
width: 0;
height: 1px;
background: #a9683f;
transition: width .25s ease;
}
.ws-nav a:hover {
color: #a9683f;
}
.ws-nav a:hover:after {
width: 100%;
}
.ws-cart-link {
padding: 11px 17px;
border: 1px solid rgba(116,67,38,.25);
border-radius: 50px;
}
.ws-cart-link:after {
display: none;
}
/* =========================================================
INTRO PANIER
========================================================= */
.ws-cart-page {
background:
radial-gradient(
circle at top,
rgba(216,185,149,.15),
transparent 40%
);
}
.ws-cart-intro {
max-width: 780px;
margin: auto;
padding: 64px 24px 20px;
text-align: center;
}
.ws-eyebrow {
display: block;
margin-bottom: 14px;
color: #a9683f;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .26em;
}
.ws-cart-intro h1 {
margin: 0;
color: #35261d;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(42px,6vw,68px);
font-weight: 400;
letter-spacing: -.035em;
}
.ws-cart-intro p {
max-width: 580px;
margin: 18px auto 0;
color: #786b61;
font-size: 15px;
line-height: 1.8;
}
/* =========================================================
REASSURANCE
========================================================= */
.ws-reassurance {
max-width: 1180px;
margin: 20px auto 90px;
padding: 32px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
background: #f5ede3;
border: 1px solid rgba(70,48,32,.1);
border-radius: 18px;
}
.ws-reassurance-item {
display: flex;
gap: 18px;
padding: 10px 30px;
}
.ws-reassurance-item + .ws-reassurance-item {
border-left: 1px solid rgba(70,48,32,.12);
}
.ws-reassurance-icon {
flex: 0 0 36px;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(116,67,38,.25);
border-radius: 50%;
color: #a9683f;
font-family: Georgia, "Times New Roman", serif;
font-size: 12px;
}
.ws-reassurance strong {
display: block;
margin-bottom: 6px;
color: #35261d;
font-family: Georgia, "Times New Roman", serif;
font-size: 17px;
font-weight: 500;
}
.ws-reassurance p {
margin: 0;
color: #786b61;
font-size: 12px;
line-height: 1.65;
}
/* =========================================================
FOOTER
========================================================= */
.ws-footer {
width: 100%;
background: #30251e;
color: #eee3d7;
border-top: 1px solid rgba(255,255,255,.05);
}
.ws-footer-inner {
max-width: 1260px;
margin: auto;
padding: 65px 28px 55px;
display: grid;
grid-template-columns:
1.6fr
1fr
1.3fr
1fr;
gap: 55px;
}
.ws-footer-logo {
display: inline-block;
margin-bottom: 20px;
color: #fff9f2;
font-family: Georgia, "Times New Roman", serif;
font-size: 23px;
letter-spacing: .07em;
text-decoration: none;
}
.ws-footer-brand p {
max-width: 310px;
margin: 0;
color: #bcaea3;
font-size: 13px;
line-height: 1.8;
}
.ws-footer-column {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.ws-footer-column h3 {
margin: 0 0 20px;
color: #fff9f2;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .18em;
}
.ws-footer-column a {
margin-bottom: 11px;
color: #cbbeb3;
font-size: 12px;
line-height: 1.5;
text-decoration: none;
transition:
color .2s ease,
transform .2s ease;
}
.ws-footer-column a:hover {
color: #fff;
transform: translateX(3px);
}
.ws-footer-small {
margin: 0;
color: #bcaea3;
font-size: 12px;
line-height: 1.8;
}
.ws-footer-bottom {
max-width: 1260px;
margin: auto;
padding: 22px 28px;
display: flex;
justify-content: space-between;
gap: 20px;
border-top: 1px solid rgba(255,255,255,.08);
color: #8f8177;
font-size: 10px;
letter-spacing: .05em;
}
/* =========================================================
SUPPRESSION FOOTER ECWID NATIF
========================================================= */
.footer,
.footer__container,
.footer__bottom,
.ec-footer,
.ec-footer__row,
.ec-footer__cell,
.ec-footer__link,
.ins-tile-footer,
.page-footer {
display: none !important;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 900px) {
.ws-header-inner {
min-height: auto;
padding-top: 20px;
padding-bottom: 20px;
flex-direction: column;
gap: 18px;
}
.ws-nav {
width: 100%;
justify-content: center;
flex-wrap: wrap;
gap: 14px 22px;
}
.ws-reassurance {
grid-template-columns: 1fr;
margin-left: 16px;
margin-right: 16px;
padding: 15px 22px;
}
.ws-reassurance-item {
padding: 22px 5px;
}
.ws-reassurance-item + .ws-reassurance-item {
border-left: 0;
border-top: 1px solid rgba(70,48,32,.12);
}
.ws-footer-inner {
grid-template-columns: 1fr 1fr;
gap: 45px;
}
}
@media (max-width: 600px) {
.ws-brand {
align-items: center;
}
.ws-brand-main {
font-size: 20px;
}
.ws-nav {
font-size: 12px;
}
.ws-cart-link {
padding: 8px 13px;
}
.ws-cart-intro {
padding-top: 42px;
}
.ws-cart-intro h1 {
font-size: 42px;
}
.ws-footer-inner {
grid-template-columns: 1fr;
padding-top: 50px;
gap: 38px;
}
.ws-footer-bottom {
flex-direction: column;
text-align: center;
}
}