Description

/* Réinitialisation de base et Box-sizing */
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {
font-family: ‘Inter’, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f4f4f4;
}

.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}

.hero {
text-align: center;
padding: 40px 20px;
background-color: #fff5ef;
border-radius: 10px;
margin-bottom: 30px;
}

.hero h1 {
font-size: 2.5em;
margin-bottom: 15px;
color: #d6336c;
}

.hero .tagline {
font-size: 1.1em;
color: #555;
}

.product-details {
display: flex;
flex-direction: column;
gap: 30px;
padding: 30px 20px;
background: #fff;
border-radius: 10px;
margin-bottom: 30px;
}

.main-image {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.main-image img {
display: block;
width: 100%;
height: auto;
transition: transform 0.3s ease-in-out;
}

.main-image img:hover {
transform: scale(1.05);
}

.product-info {
display: flex;
flex-direction: column;
gap: 20px;
}

.product-info h2 {
font-size: 2em;
margin-bottom: 15px;
color: #333;
}

.product-info .features {
list-style: none;
padding-left: 0;
font-size: 1.1em;
}

.product-info .features li {
margin-bottom: 12px;
display: flex;
align-items: center;
}

.product-info .features li::before {
content: ‘✔️’;
margin-right: 10px;
color: #4CAF50;
font-size: 1.2em;
}

.call-to-action {
margin-top: 25px;
text-align: center;
}

.call-to-action .price {
font-size: 1.5em;
color: #d6336c;
margin-bottom: 15px;
}

.call-to-action button {
background-color: #d6336c;
color: white;
border: none;
padding: 15px 30px;
border-radius: 5px;
font-size: 1.2em;
cursor: pointer;
transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.2s ease;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.call-to-action button:hover {
background-color: #b8295a;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
transform: translateY(-2px);
}

.gallery {
padding: 20px;
background: #fefefe;
text-align: center;
border-radius: 10px;
margin-bottom: 30px;
}

.gallery h2 {
font-size: 1.8em;
margin-bottom: 20px;
color: #333;
}

.gallery-images {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
justify-content: center;
}

.gallery-images img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out;
}

.gallery-images img:hover {
transform: scale(1.03);
}

.product-details-info {
background-color: #fef8f4;
padding: 30px 20px;
border-radius: 10px;
margin-bottom: 30px;
}

.product-details-info h2 {
text-align: center;
font-size: 1.8em;
margin-bottom: 20px;
color: #333;
}

.product-details-info .details-list {
list-style: none;
padding-left: 0;
max-width: 700px;
margin: 0 auto;
font-size: 1.1em;
line-height: 1.8;
}

.product-details-info .details-list li {
margin-bottom: 12px;
display: flex;
align-items: flex-start;
}

.product-details-info .details-list li strong {
margin-right: 10px;
color: #d6336c;
font-weight: 600;
}

.size-guide {
padding: 30px 20px;
background: #fff;
border-radius: 10px;
margin-bottom: 30px;
}

.size-guide h2 {
text-align: center;
font-size: 1.8em;
margin-bottom: 20px;
color: #333;
}

.size-guide .table-responsive {
overflow-x: auto;
margin-bottom: 20px;
}

.size-guide table.size-table {
width: 100%;
max-width: 800px;
margin: 0 auto;
border-collapse: collapse;
font-size: 1em;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
overflow: hidden;
}

.size-guide table.size-table thead tr {
background-color: #fddbd1;
}

.size-guide table.size-table th,
.size-guide table.size-table td {
padding: 15px;
border: 1px solid #ddd;
text-align: center;
}

.size-guide table.size-table th {
font-weight: 600;
color: #333;
}

.size-guide table.size-table tbody tr:nth-child(even) {
background-color: #fdf2f0;
}

.size-guide .size-note {
text-align: center;
font-size: 0.9em;
margin-top: 15px;
color: #777;
}

.notes {
background: #fef8f4;
padding: 30px 20px;
text-align: center;
border-radius: 10px;
margin-bottom: 30px;
}

.notes h3 {
font-size: 1.5em;
margin-bottom: 15px;
color: #333;
}

.notes .notes-list {
list-style: none;
padding-left: 0;
display: inline-block;
text-align: left;
line-height: 1.8;
font-size: 1.1em;
}

.notes .notes-list li {
margin-bottom: 10px;
}

/* Styles mobiles */
@media (max-width: 767px) {
.product-details {
flex-direction: column;
}

.product-info {
padding-left: 0;
}

.gallery-images {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.size-guide table.size-table {
display: block;
overflow-x: auto;
white-space: nowrap;
}

.size-guide th,
.size-guide td {
padding: 12px 10px;
}

.product-info-list {
list-style: none;
padding-left: 0;
margin-left: 0;
}

.product-info-list li {
margin-bottom: 10px;
}

.size-image img {
max-width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.product-images {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}

.product-images img {
max-width: 45%;
height: auto;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin-bottom: 15px;
}

.additional-images {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-top: 15px;
justify-content: center;
}

.additional-images img {
max-width: 45%;
height: auto;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin-bottom: 15px;
}
}

Jean Bootcut Tendance pour Femme

Rehaussez votre style urbain avec ce jean bootcut tendance.

Caractéristiques Principales

• Tissu en denim de coton confortable
• Coupe bootcut flatteuse
• Taille mi-haute
• Imprimés accrocheurs variés
• Style street hipster d’inspiration européenne et américaine

Informations sur le Produit

• Épaisseur : Moyenne
• Tissu : Denim
• Couleurs : Imprimé Léopard Noir, Imprimé Étoiles Bleu Rouge, Imprimé Étoiles Noir Bleu Clair, Imprimé Étoiles Marron Blanc, Imprimé Étoiles Blanc Bleu Foncé, Imprimé Étoiles Vert Gris Clair, Imprimé Étoiles Blanc Bleu Clair
• Élasticité : Micro-élastique
• Matière : Coton
• Longueur : Pantalon
• Taille : Mi-haute
• Tailles : S, M, L
• Style : Street Hipster, Européen & Américain
• Coupe : Bootcut
• Détails : Imprimé Étoiles
• Processus : Collage/Couture

Guide des Tailles

Taille	Tour de taille (cm)	Longueur du pantalon (cm)
S	66-70	98
M	70-74	99
L	74-78	100

Aperçu des Couleurs et des Imprimés

Remarque Importante

Les couleurs peuvent légèrement varier en raison des différents affichages des ordinateurs.