Mr. Steam

About

.sauna-container { max-width: 1200px; margin: 0 auto; } /* Section 1: Equal-width columns */ .sauna-row { display: flex; flex-direction: column; gap: 30px; margin-bottom: 30px; } .sauna-text-column h2 { margin-bottom: 10px; } .sauna-text-column h3 { margin-bottom: 10px; color: #444; } .sauna-text-column ul { padding-left: 20px; } .sauna-text-column li { margin-bottom: 10px; } .sauna-image-column img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .sauna-row { flex-direction: row; align-items: center; } .sauna-text-column, .sauna-image-column { flex: 1; } .sauna-text-column { padding-right: 40px; } } /* Section 2: 3-Column Layout */ .models-grid { display: grid; grid-template-columns: 1fr; gap: 30px; } .model-card { background: #fff; padding: 20px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); text-align: center; } .model-card img { width: 100%; max-height: 250px; object-fit: cover; border-radius: 10px; margin-bottom: 15px; } @media (min-width: 768px) { .models-grid { grid-template-columns: repeat(3, 1fr); } } /* Section 3: Bonus Options */ .bonus-options { background: #fff; border-radius: 12px; margin-top: 30px; } .bonus-options h3 { margin-bottom: 20px; } .bonus-options ul { padding-left: 20px; } .bonus-options li { margin-bottom: 10px; } /* Section 4: Personalization Options */ .personalization-options { background: #fff; border-radius: 12px; margin-top: 30px; } .personalization-options h2, .personalization-options p { margin-bottom: 20px; text-align: center; } .personalization-options-grid { display: grid; grid-template-columns: 1fr; gap: 5px; } .personalization-card { background: #fff; padding: 20px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); text-align: center; } .personalization-card img { width: 100%; max-height: 250px; object-fit: cover; border-radius: 10px; margin-bottom: 15px; } @media (min-width: 768px) { .personalization-options-grid { grid