/* Çevirici dizini: düşük parlaklıklı yüzeyler ve belirgin, okunaklı başlık. */
body.v2-converters-index-page {
    background: #dce7ec !important;
    color: #18364b;
}

.v2-converters-index-page .converters-page {
    padding: 32px 24px 48px;
}

.v2-converters-index-page .converters-hero {
    padding: 40px 28px;
    border: 1px solid #284e60;
    border-radius: 24px;
    background: linear-gradient(125deg, #102b3e, #1a414c);
    box-shadow: 0 12px 30px rgba(18, 43, 61, .1);
}

.v2-converters-index-page .converters-hero h1 {
    color: #edf5f6;
    background: none;
    -webkit-text-fill-color: #edf5f6;
}

.v2-converters-index-page .converters-hero p {
    color: #c2d5dd;
    line-height: 1.7;
}

.v2-converters-index-page .converters-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: 20px;
    margin-top: 28px;
}

.v2-converters-index-page .converter-card {
    padding: 28px;
    gap: 20px;
    border: 1px solid #b4c9d2;
    background: #eaf0f3;
    box-shadow: 0 4px 14px rgba(18, 43, 61, .045);
    transition: background-color .2s, border-color .2s, box-shadow .2s, transform .2s;
}

.v2-converters-index-page .converter-card:hover {
    background: #e4efed;
    border-color: #699d92;
    box-shadow: 0 8px 22px rgba(18, 43, 61, .09);
    transform: translateY(-2px);
}

.v2-converters-index-page .converter-card:focus-visible {
    outline: 3px solid #087965;
    outline-offset: 4px;
}

.v2-converters-index-page .converter-info { min-width: 0; }
.v2-converters-index-page .converter-info h3 { color: #18364b; }
.v2-converters-index-page .converter-info p { color: #425d6c; }
.v2-converters-index-page .converter-icon {
    background: #d2e5df;
    border: 1px solid #b6d3c9;
}
.v2-converters-index-page .converter-icon :is(i, svg),
.v2-converters-index-page .converter-cta { color: #086754; }
.v2-converters-index-page .unit-badge { background: #d7e7e2; color: #175e50; }

.v2-converters-index-page .info-section {
    margin-top: 32px;
    border: 1px solid #b7ceca !important;
    background: #e0ebe8 !important;
    box-shadow: none;
}
.v2-converters-index-page .info-section h2 { color: #18364b; }
.v2-converters-index-page .info-section :is(p, .feature-item) { color: #425d6c; }
.v2-converters-index-page .features-list { border-top-color: #b7ceca; }
.v2-converters-index-page .feature-item :is(i, svg) { color: #086754; }

@media (max-width: 768px) {
    .v2-converters-index-page .converters-page { padding: 20px 16px 32px; }
    .v2-converters-index-page .converters-hero { padding: 28px 20px; border-radius: 18px; }
    .v2-converters-index-page .converters-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 20px; }
    .v2-converters-index-page .converter-card { padding: 20px; gap: 16px; }
    .v2-converters-index-page .info-section { padding: 24px 20px; }
}

@media (max-width: 360px) {
    .v2-converters-index-page .converter-card { padding: 16px; gap: 12px; }
    .v2-converters-index-page .converter-icon { width: 44px; height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
    .v2-converters-index-page .converter-card,
    .v2-converters-index-page .converter-icon { transition: none; transform: none; }
}