.ci-wrapper { text-align: center; margin: auto; }
.ci-title { font-size: 2em; margin-bottom: 20px; }
.ci-container { display: flex; justify-content: space-between; align-items: center; }
.ci-side { display: flex; flex-direction: column; gap: 10px; }
.ci-btn { padding: 10px 20px; border: none; background: #eee; cursor: pointer; border-radius: 20px; }
.ci-btn.active { background: #333; color: #fff; }
.ci-center img { max-width: 300px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
.ci-bottom { margin-top: 20px; }
@media(max-width:768px){
    .ci-container { flex-direction: column; }
    .ci-side { flex-direction: row; flex-wrap: wrap; justify-content: center; }
}