/* Banner styling */
.sizing-banner {
 padding: 1rem 1rem;
 text-align: center;
 border-radius: 0.75rem;
}
.sizing-banner-img {
 max-width: 1000px;
 width: 100%;
 border-radius: 0.75rem;
 object-fit: cover;
}

/* Intro styling */
.sizing-intro {
 max-width: 800px;
 margin: 2rem auto;
 padding: 0 1rem;
 text-align: center;
}
.sizing-intro h2 {
 font-size: 2 rem;
 font-weight: 700;
 margin-bottom: 1rem;
 color: #322f33;
}
.sizing-intro p {
 font-size: 1.5 rem;
 color: #322f33;
 line-height: 1.6;
}

/* Chart styling */
.sizing-charts {
 background-color: #f5f5f3;
 border-radius: 1.25rem;
 padding: 2rem 1rem;
 max-width: 1000px;
 margin: 2rem auto 4rem auto;
 box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.sizing-chart table {
 width: 100%;
 border-collapse: collapse;
 font-size: 2rem;
 background-color: white;
 border-radius: 0.5rem;
 overflow: hidden;
}
.sizing-chart th, .sizing-chart td {
 padding: 0.75rem;
 border: 1px solid #ddd;
 text-align: center;
}
.sizing-chart td {
font-size: 1.2rem;
}
.sizing-chart th {
 background-color: #e7e4de;
 font-weight: 600;
 color: #322f33;
font-size: 1.5rem;
}
.sizing-chart tr:nth-child(even) {
 background-color: #fafafa;
}