.eb-club-wrapper { max-width: 1080px; margin: 40px auto; padding: 0 16px 40px; } .eb-club-inner { display: flex; flex-wrap: wrap; gap: 32px; background: #ffffff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); padding: 32px 32px 40px; } .eb-club-col { flex: 1 1 300px; min-width: 0; } .eb-club-info h1 { font-size: 2rem; margin-bottom: 12px; } .eb-club-lead { font-size: 1rem; margin-bottom: 16px; } .eb-club-benefits-list { margin: 0 0 16px; padding-left: 18px; } .eb-club-benefits-list li { margin-bottom: 6px; } .eb-club-note { font-size: 0.9rem; padding: 10px 12px; border-radius: 8px; background: #f5f7fb; border: 1px solid #e2e5f0; } .eb-club-form-col { border-left: 1px solid #eee; padding-left: 24px; } .eb-club-form .fieldset { margin-bottom: 18px; } .eb-club-form .legend { margin-bottom: 8px; } .eb-club-form .field { margin-bottom: 10px; } .eb-club-postal-row { display: flex; gap: 12px; } .eb-club-postcode, .eb-club-city { flex: 1 1 0; } .eb-club-checkbox label { font-weight: 400; } .eb-club-checkbox .note { font-size: 0.85rem; margin-top: 4px; } .eb-club-submit { min-width: 220px; } /* Responsiivisuus */ @media (max-width: 900px) { .eb-club-inner { padding: 24px 20px 28px; } .eb-club-form-col { border-left: none; padding-left: 0; border-top: 1px solid #eee; padding-top: 20px; margin-top: 8px; } } @media (max-width: 640px) { .eb-club-postal-row { flex-direction: column; } .eb-club-wrapper { margin-top: 24px; } }