:root {
    --v17-red: #e30613;
    --v17-dark: #121416;
    --v17-bg: #f8f9fa;
    --v17-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.v17-cases-section { padding: 80px 0; background: #fff; }
.v17-container { max-width: 1400px; margin: 0 auto; padding: 0 20px; }

/* HEADER & NAV */
.v17-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 50px; }
.v17-title { font-size: 36px; max-width: 500px; line-height: 1.2; margin: 0; }
.v17-nav { display: flex; align-items: center; gap: 20px; }
.v17-prev, .v17-next { 
    width: 50px; height: 50px; border: 1px solid #ddd; background: #fff; border-radius: 50%;
    cursor: pointer; transition: var(--v17-transition); font-size: 20px;
}
.v17-prev:hover, .v17-next:hover { background: var(--v17-red); color: #fff; border-color: var(--v17-red); }

/* CARD STRUCTURE */
.v17-case-card {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #eee;
    transition: var(--v17-transition);
}
.v17-case-card:hover { box-shadow: 0 40px 80px rgba(0,0,0,0.08); transform: translateY(-5px); }

/* IMAGE PART */
.v17-case-img { 
    height: 100%; min-height: 450px; 
    background-size: cover; background-position: center; 
    position: relative; overflow: hidden;
}
.v17-case-overlay { 
    position: absolute; inset: 0; 
    background: linear-gradient(to right, rgba(0,0,0,0.4), transparent); 
}
.v17-tags { position: absolute; top: 30px; left: 30px; display: flex; gap: 10px; }
.v17-tags span { 
    background: rgba(255,255,255,0.9); padding: 6px 15px; 
    border-radius: 50px; font-size: 12px; font-weight: 700; color: var(--v17-dark);
}

/* INFO PART */
.v17-case-info { padding: 50px; display: flex; flex-direction: column; justify-content: center; }
.v17-client { font-size: 14px; text-transform: uppercase; color: var(--v17-red); font-weight: 700; letter-spacing: 1px; margin-bottom: 15px; }
.v17-case-title { font-size: 28px; line-height: 1.3; margin-bottom: 35px; color: var(--v17-dark); }

/* STATS */
.v17-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 40px; }
.v17-stat-item { padding: 15px 20px; background: var(--v17-bg); border-radius: 15px; }
.v17-stat-item.highlight { background: rgba(227, 6, 19, 0.05); border: 1px solid rgba(227, 6, 19, 0.1); }
.v17-stat-label { display: block; font-size: 12px; color: #777; margin-bottom: 5px; }
.v17-stat-value { display: block; font-size: 18px; font-weight: 700; color: var(--v17-dark); }
.v17-stat-item.highlight .v17-stat-value { color: var(--v17-red); }

/* BUTTON */
.v17-more-btn { 
    display: inline-flex; align-items: center; gap: 10px; 
    text-decoration: none; color: var(--v13-dark); font-weight: 700; 
    font-size: 16px; transition: var(--v17-transition);
}
.v17-more-btn span { transition: transform 0.3s ease; }
.v17-more-btn:hover { color: var(--v17-red); }
.v17-more-btn:hover span { transform: translateX(5px); }

@media (max-width: 1024px) {
    .v17-case-card { grid-template-columns: 1fr; }
    .v17-case-img { min-height: 300px; }
    .v17-case-info { padding: 30px; }
}