/* IRF_V331_CHILDREN_VIDEO_CARDS_COMPACT
 * Compact, fixed-proportion desktop video cards for children festival pages.
 * Mobile is intentionally untouched.
 */

@media (min-width: 901px) {
    .children330-page .fajr260-videos-section {
        width: min(1380px, calc(100% - 32px));
        margin-top: 58px;
        margin-bottom: 72px;
    }

    .children330-page .fajr260-grid {
        gap: 14px;
        align-items: stretch;
    }

    .children330-page .fajr260-card {
        display: flex;
        min-width: 0;
        height: 100%;
        flex-direction: column;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 12px 28px rgba(0, 0, 0, .14);
    }

    .children330-page .fajr260-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 42px rgba(0, 0, 0, .23);
    }

    .children330-page .fajr260-card-media {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        flex: 0 0 auto;
        overflow: hidden;
    }

    .children330-page .fajr260-card-media img,
    .children330-page .fajr260-card-media .fajr281-focus-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .children330-page .fajr260-card-play {
        width: 42px;
        height: 42px;
        font-size: 15px;
    }

    .children330-page .fajr260-duration {
        right: 8px;
        bottom: 8px;
        padding: 4px 7px;
        font-size: 9px;
    }

    .children330-page .fajr260-card-body {
        display: flex;
        min-width: 0;
        flex: 1 1 auto;
        flex-direction: column;
        padding: 12px;
    }

    .children330-page .fajr260-card-body small {
        margin-bottom: 4px;
        font-size: 10px;
        line-height: 1.55;
    }

    .children330-page .fajr260-card-body h3 {
        display: -webkit-box;
        min-height: 43px;
        margin: 0 0 6px;
        overflow: hidden;
        font-size: 14px;
        line-height: 1.55;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .children330-page .fajr260-card-body p {
        display: -webkit-box;
        min-height: 57px;
        margin: 0 0 10px;
        overflow: hidden;
        font-size: 11px;
        line-height: 1.72;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .children330-page .fajr260-card-button,
    .children330-page .fajr260-unavailable {
        width: 100%;
        min-height: 34px;
        margin-top: auto;
        border-radius: 10px;
        padding: 8px 10px;
        font-size: 11px;
    }

    .children330-page .fajr260-unavailable {
        align-items: center;
    }
}