Politique d’expédition
:root{
--bg:#f6f7fb;
--card:#ffffff;
--text:#111827;
--muted:#6b7280;
--accent:#2563eb;
--green:#16a34a;
--border:rgba(17,24,39,.08);
--shadow:0 10px 25px rgba(0,0,0,.08);
--radius:16px;
}
*{
box-sizing:border-box;
scroll-behavior:smooth;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.wrapper{
max-width:1200px;
margin:0 auto;
padding:24px 16px;
color:var(--text);
}
.nav{
position:sticky;
top:0;
z-index:50;
display:flex;
flex-wrap:wrap;
gap:8px;
padding:10px;
margin:10px 0 22px;
background:rgba(255,255,255,.85);
backdrop-filter:blur(10px);
border:1px solid var(--border);
border-radius:14px;
}
.nav a{
font-size:13px;
text-decoration:none;
color:var(--muted);
padding:6px 10px;
border-radius:10px;
transition:.2s ease;
}
.nav a:hover{
color:var(--text);
background:rgba(37,99,235,.08);
transform:translateY(-1px);
}
.card{
background:var(--card);
border:1px solid var(--border);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:18px;
margin:16px 0;
transition:.25s ease;
}
.card:hover{
transform:translateY(-2px);
border-color:rgba(37,99,235,.25);
}
h2{
font-size:15px;
margin:0 0 12px;
display:flex;
align-items:center;
gap:8px;
}
.dot{
width:8px;
height:8px;
border-radius:50%;
background:var(--accent);
box-shadow:0 0 10px rgba(37,99,235,.5);
}
p,li{
color:var(--muted);
font-size:14px;
line-height:1.7;
}
ul{
padding-left:18px;
margin:8px 0 0;
}
/* carriers FIX (no images) */
.carriers{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:12px;
}
.carrier{
padding:16px;
border-radius:14px;
border:1px solid var(--border);
background:linear-gradient(180deg,#fff,#fafafa);
transition:.2s ease;
}
.carrier:hover{
transform:translateY(-2px);
border-color:rgba(37,99,235,.25);
}
.carrier strong{
display:block;
font-size:14px;
margin-bottom:6px;
color:var(--text);
}
.carrier span{
font-size:13px;
color:var(--muted);
}
/* grids */
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:12px;
}
.box{
padding:14px;
border-radius:14px;
border:1px solid var(--border);
background:#fff;
}
.highlight{
color:var(--green);
font-weight:600;
}
/* contact */
.contact-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:12px;
}
@media(max-width:768px){
.wrapper{padding:14px;}
}
:root{
--bg:#f6f7fb;
--card:#ffffff;
--text:#111827;
--muted:#6b7280;
--accent:#2563eb;
--green:#16a34a;
--border:rgba(17,24,39,.08);
--shadow:0 10px 25px rgba(0,0,0,.08);
--radius:16px;
}
*{
box-sizing:border-box;
scroll-behavior:smooth;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.wrapper{
max-width:1200px;
margin:0 auto;
padding:24px 16px;
color:var(--text);
}
.nav{
position:sticky;
top:0;
z-index:50;
display:flex;
flex-wrap:wrap;
gap:8px;
padding:10px;
margin:10px 0 22px;
background:rgba(255,255,255,.85);
backdrop-filter:blur(10px);
border:1px solid var(--border);
border-radius:14px;
}
.nav a{
font-size:13px;
text-decoration:none;
color:var(--muted);
padding:6px 10px;
border-radius:10px;
transition:.2s ease;
}
.nav a:hover{
color:var(--text);
background:rgba(37,99,235,.08);
transform:translateY(-1px);
}
.card{
background:var(--card);
border:1px solid var(--border);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:18px;
margin:16px 0;
transition:.25s ease;
}
.card:hover{
transform:translateY(-2px);
border-color:rgba(37,99,235,.25);
}
h2{
font-size:15px;
margin:0 0 12px;
display:flex;
align-items:center;
gap:8px;
}
.dot{
width:8px;
height:8px;
border-radius:50%;
background:var(--accent);
box-shadow:0 0 10px rgba(37,99,235,.5);
}
p,li{
color:var(--muted);
font-size:14px;
line-height:1.7;
}
ul{
padding-left:18px;
margin:8px 0 0;
}
/* carriers FIX (no images) */
.carriers{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:12px;
}
.carrier{
padding:16px;
border-radius:14px;
border:1px solid var(--border);
background:linear-gradient(180deg,#fff,#fafafa);
transition:.2s ease;
}
.carrier:hover{
transform:translateY(-2px);
border-color:rgba(37,99,235,.25);
}
.carrier strong{
display:block;
font-size:14px;
margin-bottom:6px;
color:var(--text);
}
.carrier span{
font-size:13px;
color:var(--muted);
}
/* grids */
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:12px;
}
.box{
padding:14px;
border-radius:14px;
border:1px solid var(--border);
background:#fff;
}
.highlight{
color:var(--green);
font-weight:600;
}
/* contact */
.contact-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:12px;
}
@media(max-width:768px){
.wrapper{padding:14px;}
}