/* ==========================================================
   Airjet Cargo - Index Avions
   /assets/css/avionsindex.css
   ========================================================== */

.aj-aircraft-banner {
    background: linear-gradient(135deg, #13233b 0%, #1d3554 55%, #203e64 100%);
    padding: 92px 0 78px;
}

.aj-aircraft-banner .banner-content .title {
    max-width: 980px;
    margin: 0 auto 18px;
}

.aj-aircraft-banner .breadcrumb {
    justify-content: center;
    margin-bottom: 0;
}

.aj-aircraft-intro,
.aj-aircraft-families,
.aj-aircraft-guide,
.aj-aircraft-listing,
.aj-aircraft-method,
.aj-aircraft-sources,
.aj-aircraft-faq,
.aj-aircraft-final-cta {
    padding: 80px 0;
}

.aj-aircraft-intro {
    background: #f5f7fa;
}

.aj-aircraft-intro-card {
    max-width: 1040px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e6e9ee;
    border-radius: 16px;
    padding: 48px;
    box-shadow: 0 12px 32px rgba(25, 44, 70, 0.07);
}

.aj-eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #b66d18;
}

.aj-aircraft-intro-card h2,
.aj-section-heading h2,
.aj-guide-panel h2,
.aj-method-copy h2,
.aj-final-panel h2 {
    margin-bottom: 18px;
}

.aj-lead {
    font-size: 19px;
    line-height: 1.72;
}

.aj-aircraft-intro-card p,
.aj-section-heading p,
.aj-family-card p,
.aj-aircraft-content p,
.aj-method-copy p,
.aj-method-panel p,
.aj-guide-panel p,
.aj-final-panel p {
    line-height: 1.75;
}

.aj-aircraft-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.aj-outline-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 12px 24px;
    border: 1px solid #d6dae0;
    border-radius: 6px;
    font-weight: 700;
    color: #233b5b;
    background: #fff;
}

.aj-outline-btn:hover {
    color: #233b5b;
    border-color: #b9c1cb;
}

.aj-section-heading {
    max-width: 820px;
    margin: 0 auto 38px;
    text-align: center;
}

.aj-family-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.aj-family-card {
    background: #fff;
    border: 1px solid #e5e8ed;
    border-radius: 14px;
    padding: 28px;
    box-shadow: 0 8px 24px rgba(24, 42, 67, 0.05);
}

.aj-family-card h3 {
    font-size: 20px;
    margin: 8px 0 12px;
}

.aj-family-kicker {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #6b7582;
}

.aj-aircraft-guide {
    padding-top: 0;
}

.aj-guide-panel,
.aj-final-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    padding: 36px 40px;
    border-radius: 16px;
    background: #172b46;
    color: #fff;
}

.aj-guide-panel h2,
.aj-final-panel h2 {
    color: #fff;
}

.aj-guide-panel p,
.aj-final-panel p {
    max-width: 760px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, .86);
}

.aj-aircraft-listing {
    background: #f5f7fa;
}

.aj-aircraft-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.aj-aircraft-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2e6eb;
    border-radius: 14px;
    box-shadow: 0 10px 26px rgba(25, 44, 70, 0.06);
    transition: transform .18s ease, box-shadow .18s ease;
}

.aj-aircraft-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgba(25, 44, 70, 0.10);
}

.aj-aircraft-image {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #e7ebf0;
}

.aj-aircraft-image picture,
.aj-aircraft-image img {
    width: 100%;
    height: 100%;
    display: block;
}

.aj-aircraft-image img {
    object-fit: cover;
    transition: transform .25s ease;
}

.aj-aircraft-card:hover .aj-aircraft-image img {
    transform: scale(1.025);
}

.aj-status {
    position: absolute;
    top: 14px;
    left: 14px;
    display: inline-block;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .94);
    color: #243c59;
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
}

.aj-status-current,
.aj-status-special,
.aj-status-legacy,
.aj-status-history,
.aj-status-concept {
    background: rgba(255, 255, 255, .94);
}

.aj-aircraft-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 24px;
}

.aj-aircraft-type {
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: .055em;
    text-transform: uppercase;
    color: #777f89;
}

.aj-aircraft-content h3 {
    margin: 8px 0 12px;
    font-size: 22px;
}

.aj-aircraft-content h3 a {
    color: #1d314d;
}

.aj-aircraft-content p {
    margin-bottom: 18px;
}

.aj-spec-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-top: 16px;
    margin-top: auto;
    border-top: 1px solid #eaedf0;
    font-size: 13px;
    color: #596371;
}

.aj-spec-row span {
    display: block;
}

.aj-spec-row strong {
    display: block;
    color: #1f334e;
    margin-bottom: 2px;
}

.aj-card-link {
    display: inline-block;
    margin-top: 18px;
    font-weight: 800;
    color: #a85f12;
}

.aj-card-link:hover {
    color: #7e460c;
}

.aj-method-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr);
    gap: 38px;
    align-items: start;
}

.aj-method-copy {
    padding-right: 20px;
}

.aj-method-copy ul,
.aj-method-panel ul {
    margin: 20px 0;
    padding-left: 22px;
}

.aj-method-copy li,
.aj-method-panel li {
    margin-bottom: 9px;
    line-height: 1.6;
}

.aj-method-panel {
    background: #f5f7fa;
    border: 1px solid #e3e7ec;
    border-radius: 14px;
    padding: 30px;
}

.aj-method-panel h3 {
    margin-bottom: 12px;
}

.aj-aircraft-sources {
    background: #f5f7fa;
}

.aj-source-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.aj-source-grid a {
    display: block;
    min-height: 116px;
    padding: 20px;
    border: 1px solid #e1e5ea;
    border-radius: 12px;
    background: #fff;
    color: #243a56;
}

.aj-source-grid a:hover {
    border-color: #c4cbd4;
    box-shadow: 0 7px 20px rgba(25, 44, 70, .06);
}

.aj-source-grid strong,
.aj-source-grid span {
    display: block;
}

.aj-source-grid span {
    margin-top: 6px;
    font-size: 13px;
    color: #707985;
}

.aj-faq-box {
    max-width: 980px;
    margin: 0 auto;
}

.aj-faq-box details {
    background: #fff;
    border: 1px solid #e2e6eb;
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 0 20px;
}

.aj-faq-box summary {
    cursor: pointer;
    padding: 18px 0;
    font-weight: 800;
    color: #213750;
}

.aj-faq-box details p {
    padding: 0 0 20px;
    margin: 0;
    line-height: 1.72;
}

.aj-aircraft-final-cta {
    padding-top: 20px;
}

.aj-footer {
    padding-top: 0 !important;
}

.aj-footer .copyright-area {
    padding: 28px 0;
}

@media (max-width: 1199px) {
    .aj-family-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aj-aircraft-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aj-source-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .aj-aircraft-intro,
    .aj-aircraft-families,
    .aj-aircraft-guide,
    .aj-aircraft-listing,
    .aj-aircraft-method,
    .aj-aircraft-sources,
    .aj-aircraft-faq,
    .aj-aircraft-final-cta {
        padding: 58px 0;
    }

    .aj-aircraft-intro-card {
        padding: 34px;
    }

    .aj-guide-panel,
    .aj-final-panel {
        align-items: flex-start;
        flex-direction: column;
    }

    .aj-method-grid {
        grid-template-columns: 1fr;
    }

    .aj-method-copy {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .aj-aircraft-banner {
        padding: 68px 0 58px;
    }

    .aj-aircraft-intro-card {
        padding: 26px 22px;
    }

    .aj-aircraft-actions {
        flex-direction: column;
    }

    .aj-aircraft-actions .btn--base,
    .aj-outline-btn {
        width: 100%;
        text-align: center;
    }

    .aj-family-grid,
    .aj-aircraft-grid,
    .aj-source-grid {
        grid-template-columns: 1fr;
    }

    .aj-guide-panel,
    .aj-final-panel {
        padding: 28px 24px;
    }

    .aj-spec-row {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 420px) {
    .aj-spec-row {
        grid-template-columns: 1fr;
    }
}