Shipping Information - Button Amsterdam
/* Base reset and mobile-first approach */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html, body {
width: 100%;
overflow-x: hidden;
font-size: 14px;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
background: #f5f5f5;
color: #333;
line-height: 1.6;
}
/* Main container with proper mobile constraints */
.shipping-wrap {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 12px;
}
.shipping-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
width: 100%;
}
/* Card styling with mobile optimization */
.card {
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 12px;
padding: 16px;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
width: 100%;
max-width: 100%;
overflow: hidden;
}
.card h3 {
margin: 0 0 12px;
line-height: 1.3;
font-size: 22px;
word-wrap: break-word;
}
.card p {
margin: 7px 0;
line-height: 1.5;
font-size: 14px;
word-wrap: break-word;
}
.card strong {
display: inline;
font-size: 16px;
font-weight: 600;
}
.card em {
color: #666;
font-size: 13px;
}
.card u {
text-decoration: underline;
text-decoration-color: #999;
}
/* Ensure all text wraps properly */
.card, .card * {
max-width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
/* Schedule list - mobile optimized */
.schedule {
margin: 7px 0 7px 0;
padding-left: 17px;
font-size: 12px;
list-style-position: outside;
}
.schedule li {
margin: 6px 0;
line-height: 1.5;
padding-right: 0;
}
/* Table improvements for mobile */
.table-wrap {
border: 1px solid #e5e5e5;
border-radius: 10px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 7px 0;
width: 100%;
max-width: 100%;
}
.table {
width: 100%;
min-width: 500px;
border-collapse: collapse;
}
.table th,
.table td {
padding: 12px 10px;
border-bottom: 1px solid #eee;
text-align: left;
font-size: 12px;
}
.table th {
background: #fafafa;
font-weight: 600;
position: sticky;
top: 0;
z-index: 1;
}
.table td {
white-space: nowrap;
}
.table tbody tr:last-child td {
border-bottom: none;
}
.country {
white-space: normal;
min-width: 140px;
}
/* Other countries card */
.other-card {
grid-column: 1;
}
.other-card small {
line-height: 1.4;
display: block;
margin-top: 7px;
color: #666;
font-size: 11px;
}
/* Customs Banner - mobile optimized */
.customs-banner {
background: #fff3cd;
border: 2px solid #ffc107;
border-radius: 12px;
padding: 14px;
margin-bottom: 16px;
box-shadow: 0 2px 4px rgba(0,0,0,0.08);
width: 100%;
max-width: 100%;
overflow: hidden;
}
.customs-banner h2 {
margin: 0 0 10px;
color: #856404;
font-size: 20px;
line-height: 1.3;
word-wrap: break-word;
}
.customs-banner p {
margin: 7px 0;
color: #856404;
line-height: 1.6;
font-size: 15px;
word-wrap: break-word;
}
.customs-banner strong {
color: #664d03;
font-size: 15px;
display: inline;
font-weight: 600;
}
.customs-banner em {
font-size: 15px;
}
/* Customs note boxes */
.customs-note {
background: #f8f9fa;
border-left: 4px solid #6c757d;
padding: 10px 12px;
margin: 12px 0 0 0;
border-radius: 4px;
font-size: 12px;
width: 100%;
max-width: 100%;
}
.customs-note p {
margin: 4px 0;
color: #495057;
line-height: 1.4;
font-size: 12px;
word-wrap: break-word;
}
.customs-note strong {
font-size: 16px;
font-weight: 600;
}
/* Tablet breakpoint (600px and up) */
@media (min-width: 600px) {
.shipping-wrap {
padding: 20px;
}
.shipping-grid {
gap: 20px;
}
.card {
padding: 20px;
}
.card h3 {
font-size: 24px;
}
.card p {
font-size: 14px;
}
.card strong {
font-size: 16px;
}
.card em {
font-size: 13px;
}
.schedule {
font-size: 13px;
}
.customs-banner {
padding: 18px;
}
.customs-banner h2 {
font-size: 22px;
}
.customs-banner p {
font-size: 15px;
}
.customs-banner strong {
font-size: 15px;
}
.customs-banner em {
font-size: 15px;
}
.customs-note {
font-size: 13px;
padding: 12px 14px;
}
.customs-note p {
font-size: 13px;
}
.customs-note strong {
font-size: 16px;
}
.table th,
.table td {
font-size: 13px;
}
.other-card small {
font-size: 11px;
}
}
/* Desktop breakpoint (900px and up) */
@media (min-width: 900px) {
.shipping-wrap {
max-width: 1200px;
padding: 24px;
}
.shipping-grid {
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.other-card {
grid-column: 1 / -1;
}
.card h3 {
font-size: 24px;
}
.card p {
font-size: 14px;
}
.card strong {
font-size: 16px;
}
.card em {
font-size: 13px;
}
.schedule {
font-size: 14px;
}
.customs-banner {
padding: 20px;
}
.customs-banner h2 {
font-size: 22px;
}
.customs-banner p {
font-size: 15px;
}
.customs-banner strong {
font-size: 15px;
}
.customs-banner em {
font-size: 15px;
}
.customs-note {
font-size: 13px;
}
.customs-note p {
font-size: 13px;
}
.customs-note strong {
font-size: 16px;
}
.table th,
.table td {
font-size: 13px;
}
.other-card small {
font-size: 11px;
}
}
/* Very small mobile devices (360px and below) */
@media (max-width: 360px) {
.shipping-wrap {
padding: 10px;
}
.card {
padding: 12px;
}
.card h3 {
font-size: 20px;
}
.card p {
font-size: 13px;
}
.card strong {
font-size: 15px;
}
.card em {
font-size: 12px;
}
.schedule {
font-size: 12px;
padding-left: 14px;
}
.table th,
.table td {
padding: 8px 6px;
font-size: 11px;
}
.customs-banner {
padding: 12px;
}
.customs-banner h2 {
font-size: 18px;
}
.customs-banner p {
font-size: 14px;
}
.customs-banner strong {
font-size: 14px;
}
.customs-banner em {
font-size: 14px;
}
.customs-note {
font-size: 11px;
padding: 8px 10px;
}
.customs-note p {
font-size: 11px;
}
.customs-note strong {
font-size: 15px;
}
.other-card small {
font-size: 10px;
}
}
⚠️ Important : Droits de douane & taxes d'importation
Les commandes internationales peuvent être soumises à des droits de douane et taxes d'importation, généralement lorsque la valeur de la commande dépasse le seuil de votre pays. Bien que nous expédions en DDP (Delivery Duty Paid), certains pays peuvent appliquer des frais supplémentaires.
Vous êtes responsable de tous les frais de douane à la livraison. Les frais varient selon le pays et la valeur de la commande. Nous vous recommandons de vérifier auprès de votre bureau de douane local si vous avez un doute.
Note : Les commandes au sein de l'UE n'entraînent généralement pas de frais de douane supplémentaires.
🇳🇱 Pays-Bas
Délai de livraison : Jour ouvrable suivant après expédition
Horaire de coupure :
- Commande lundi avant 23:00 → livré mardi
- Commande mardi avant 23:00 → livré mercredi
- Commande mercredi avant 23:00 → livré jeudi
- Commande jeudi avant 23:00 → livré vendredi
- Commande vendredi avant 23:00 → livré samedi
- Commande samedi avant 23:00 → livré lundi
- Commande dimanche avant 23:00 → livré lundi
Douane : Pas de frais supplémentaires pour les livraisons dans l'UE
🇧🇪 Belgique
Délai de livraison : 2–4 jours calendaires
Horaire de coupure :
- Commande lundi avant 20:00 → livré mar–mer
- Commande mardi avant 20:00 → livré mer–jeu
- Commande mercredi avant 20:00 → livré jeu–ven
- Commande jeudi avant 20:00 → livré ven
- Commande vendredi avant 20:00 → livré sam–lun
- Commande samedi avant 23:59 → livré mardi
- Commande dimanche avant 23:59 → livré mardi
Douane : Pas de frais supplémentaires pour les livraisons dans l'UE
🇩🇪 Allemagne
Délai de livraison : 2–4 jours calendaires
Horaire de coupure :
- Lundi avant 20:00 → livraison mer–jeu
- Mardi avant 20:00 → livraison jeu–ven
- Mercredi avant 20:00 → livraison ven–lun
- Jeudi avant 20:00 → livraison lun–mar
- Vendredi avant 20:00 → livraison mar
- Samedi avant 23:59 → livraison mer–jeu
- Dimanche avant 23:59 → livraison mer–jeu
Douane : Pas de frais supplémentaires pour les livraisons dans l'UE
🇫🇷 France
Délai de livraison : 3–5 jours calendaires
Horaire de coupure :
- Lundi avant 20:00 → livraison mer–jeu
- Mardi avant 20:00 → livraison jeu–ven
- Mercredi avant 20:00 → livraison ven–lun
- Jeudi avant 20:00 → livraison lun–mar
- Vendredi avant 20:00 → livraison mar
- Samedi avant 23:59 → livraison mer–jeu
- Dimanche avant 23:59 → livraison mer–jeu
Douane : Pas de frais supplémentaires pour les livraisons dans l'UE
🇺🇸 États-Unis
Délai de livraison : 5–8 jours ouvrables
La douane ou la remise locale peut ajouter ±1 jour.
Douane : Peut s'appliquer pour les commandes supérieures à 800 $. L'acheteur est responsable de tous les droits et taxes d'importation.
🇬🇧 Royaume-Uni
Délai de livraison : 3–6 jours calendaires
Délai typique pour le Royaume-Uni continental.
Douane : La TVA à l'importation et les droits peuvent s'appliquer. L'acheteur est responsable de tous les frais.
🌍 Autres pays (jours calendaires)
| Pays |
Délai de livraison |
Douane |
| 🇦🇺 Australie |
8–12 |
⚠️ Peut s'appliquer |
| 🇦🇹 Autriche |
4–6 |
✓ UE |
| 🇧🇦 Bosnie-Herzégovine |
6–9 |
⚠️ Peut s'appliquer |
| 🇧🇬 Bulgarie |
9–13 |
✓ UE |
| 🇨🇦 Canada |
6–10 |
⚠️ Peut s'appliquer |
| 🇭🇷 Croatie |
6–9 |
✓ UE |
| 🇨🇾 Chypre |
12–16 |
✓ UE |
| 🇨🇿 Tchéquie |
6–10 |
✓ UE |
| 🇩🇰 Danemark |
7–9 |
✓ UE |
| 🇪🇪 Estonie |
7–10 |
✓ UE |
| 🇫🇮 Finlande |
7–10 |
✓ UE |
| 🇬🇷 Grèce |
7–10 |
✓ UE |
| 🇭🇺 Hongrie |
8–11 |
✓ UE |
| 🇮🇪 Irlande |
6–9 |
✓ UE |
| 🇮🇱 Israël |
11–15 |
⚠️ Peut s'appliquer |
| 🇮🇹 Italie |
7–10 |
✓ UE |
| 🇱🇻 Lettonie |
7–10 |
✓ UE |
| 🇱🇹 Lituanie |
8–12 |
✓ UE |
| 🇱🇺 Luxembourg |
4–6 |
✓ UE |
| 🇳🇿 Nouvelle-Zélande |
7–10 |
⚠️ Peut s'appliquer |
| 🇳🇬 Nigeria |
9–13 |
⚠️ Peut s'appliquer |
| 🇳🇴 Norvège |
8–12 |
⚠️ Peut s'appliquer |
| 🇵🇱 Pologne |
8–12 |
✓ UE |
| 🇵🇹 Portugal |
7–9 |
✓ UE |
| 🇷🇴 Roumanie |
6–9 |
✓ UE |
| 🇸🇰 Slovaquie |
7–10 |
✓ UE |
| 🇸🇮 Slovénie |
7–10 |
✓ UE |
| 🇪🇸 Espagne |
7–9 |
✓ UE |
| 🇸🇪 Suède |
7–11 |
✓ UE |
| 🇨🇭 Suisse |
4–6 |
⚠️ Peut s'appliquer |
| 🇹🇷 Turquie |
11–15 |
⚠️ Peut s'appliquer |
| 🇦🇪 Émirats Arabes Unis |
8–12 |
⚠️ Peut s'appliquer |
Jours calendaires = du lundi au dimanche. Les jours fériés peuvent prolonger le délai de livraison.
Légende Douanière : ✓ UE = Pas de frais de douane dans l'UE | ⚠️ Peut s'appliquer = Des droits/taxes d'importation peuvent être facturés par la douane