.section-lifestyle {margin: 60px auto}
.lifestyle-header {text-align: center;margin-bottom: 40px}
.lifestyle-header h2 {font-size: 32px;font-weight: 800;margin-bottom: 12px}
.lifestyle-header p {font-size: 18px;color: #666;max-width: 600px;margin: 0 auto}
.lifestyle-grid {display: grid; grid-template-columns: repeat(4, 1fr);gap: 24px}
.lifestyle-card {background: #fff;border-radius: 20px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);overflow: hidden;transition: transform 0.3s, box-shadow 0.3s;border: 1px solid #f0f0f0;display: flex;flex-direction: column}
.lifestyle-card:hover {transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);}
.lifestyle-image {width: 100%;}
.lifestyle-content {padding: 24px;flex-grow: 1;display: flex;flex-direction: column;}
.lifestyle-content h3 {font-size: 18px;font-weight: 700;margin-bottom: 10px;color: var(--text-color)}
.lifestyle-content p{font-size: 14px;color: #666;line-height: 1.5;margin: 0}
.lifestyle-footer{text-align: center;margin-top: 40px;padding: 24px;background: #fdfdfd;border-radius: 16px;border: 1px dashed #dcdcdc}
.lifestyle-footer p{font-size: 16px;font-weight: 600;color: #333}
@media (max-width: 1024px) {
    .lifestyle-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 600px) {
    .lifestyle-grid {grid-template-columns: 1fr;}
    .lifestyle-content {padding: 20px;}
    .lifestyle-header h2{font-size: 24px;}
    .lifestyle-header p {font-size: 15px;}
}