body {
     font-family: 'Segoe UI', Arial, sans-serif;
     margin: 0;
     background: #181818;
     color: #fff;
     background: linear-gradient(120deg, #222 80%, #e63946 100%);

 }
 
.section {
    background: #181818;
    border-radius: 18px;
    box-shadow: 0 4px 24px #0004;
    padding: 48px 32px;
    margin: 48px auto;
    max-width: 1100px;
}

.section h2 {
    color: #e63946;
    text-align: center;
    font-size: 2em;
    margin-bottom: 32px;
    letter-spacing: 1px;
}

 .fighters {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     justify-content: center;

 }

 .card {
     background: #181818 !important;
     color: lightcyan;
     border-radius: 8px;
     padding: 20px;
     flex: 1 1 250px;
     min-width: 250px;
     max-width: 350px;
     text-align: center;
     box-shadow: 0 2px 8px #0002;
     border-radius: 15px !important;
 }
 
 .card li {
     background: #181818;
     color: lightcyan;
     text-align: left;
 }

 .card img {
     width: 100%;
     border-radius: 8px;
     margin-bottom: 10px;
 }

 .back-link {
     text-align: left;
     margin: 20px 0 0 0;
     display: block;
     color: #e63946;
     text-decoration: none;
     font-weight: bold;
 }

 /* اضافه کن یا ادغام کن */
 .fighter-card { overflow: hidden; border-radius: 12px; display:flex; flex-direction:column; background: #181818; box-shadow:0 6px 20px rgba(0,0,0,.45); }

 .card-img-wrap {
     width: 100%;
     aspect-ratio: 16 / 9;      /* مستطیل استاندارد */
     overflow: hidden;
     background: #0f0f0f;
 }
 .fighter-img {
     width: 100%;
     height: 100%;
     object-fit: cover;         /* برش مرکز تصویر برای استاندارد شدن */
     object-position: center;
     display: block;
 }

 /* تنظیمات واکنش‌گرا */
 @media (max-width:900px){
     .card-img-wrap { aspect-ratio: 4 / 3; }
}