:root {
    --shortcode-space-xs: 0.75rem;
    --shortcode-space-sm: 1.5rem;
    --shortcode-space-md: 3rem;
    --shortcode-space-lg: 4.5rem;
    --shortcode-space-xl: 6rem;
    --shortcode-surface-muted: #f7f8fa;
    --shortcode-surface-accent: #fff4f4;
    --shortcode-surface-dark: #071325;
    --shortcode-border: rgba(17, 24, 39, 0.12);
    --shortcode-text-muted: #3d3d3d;
    --shortcode-heading-max: 34rem;
}

.k24-media-surface {
    --k24-surface-width: 420;
    --k24-surface-height: 280;
    --k24-surface-fit: cover;
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 16px !important;
    aspect-ratio: calc(var(--k24-surface-width) / var(--k24-surface-height));
}

.k24-media-image {
    display: block;
    width: 100%;
    height: 100%;
}

.k24-media-image--cover {
    object-fit: cover;
}

.k24-media-image--contain {
    object-fit: contain;
    background: #0f172a;
}

.k24-media-surface--hero-feature {
    --k24-surface-width: 1440;
    --k24-surface-height: 720;
}

.k24-media-surface--slider-thumb {
    --k24-surface-width: 140;
    --k24-surface-height: 140;
}

.k24-media-surface--tab-feature {
    --k24-surface-width: 720;
    --k24-surface-height: 420;
}

.k24-media-surface--tab-card {
    --k24-surface-width: 320;
    --k24-surface-height: 220;
}

.k24-media-surface--grid-card {
    --k24-surface-width: 420;
    --k24-surface-height: 280;
}

.k24-media-surface--collection-card {
    --k24-surface-width: 340;
    --k24-surface-height: 240;
}

.k24-media-surface--sidebar-card {
    --k24-surface-width: 160;
    --k24-surface-height: 120;
}

.k24-media-surface--video-feature {
    --k24-surface-width: 720;
    --k24-surface-height: 480;
}

.k24-media-surface--video-thumb {
    --k24-surface-width: 260;
    --k24-surface-height: 160;
}

.k24-media-surface--article-hero {
    --k24-surface-width: 1280;
    --k24-surface-height: 720;
}

.k24-media-surface--related-card {
    --k24-surface-width: 360;
    --k24-surface-height: 220;
}

.k24-card-thumb > a,
.k24-card-thumb .img-link {
    display: block;
}

.container--wide {
    max-width: 1380px;
}

.shortcode-block {
    position: relative;
}

.shortcode-shell {
    position: relative;
}

.shortcode-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-block-end: 1.875rem;
}

.shortcode-title-group {
    position: relative;
    max-width: var(--shortcode-heading-max);
}

.shortcode-head__subtitle {
    margin: 0.35rem 0 0;
    color: var(--shortcode-text-muted);
    font-size: 0.9375rem;
    line-height: 1.7;
}

.shortcode-head__letter {
    pointer-events: none;
}

.shortcode-head__actions {
    max-width: 100%;
}

.shortcode-head__actions--stacked {
    margin-block-end: 1.25rem;
}

.shortcode-body {
    position: relative;
}

.shortcode-block {
    --k24-design-section-margin-top: var(--k24-design-section-margin-top-desktop);
    --k24-design-section-margin-bottom: var(--k24-design-section-margin-bottom-desktop);
    --k24-design-section-padding-top: var(--k24-design-section-padding-top-desktop);
    --k24-design-section-padding-bottom: var(--k24-design-section-padding-bottom-desktop);
    --k24-design-shell-padding-x: var(--k24-design-shell-padding-x-desktop);
    --k24-design-shell-padding-y: var(--k24-design-shell-padding-y-desktop);
    --k24-design-heading-margin-bottom: var(--k24-design-heading-margin-bottom-desktop);
    --k24-design-body-gap: var(--k24-design-body-gap-desktop);
    --k24-design-icon-size: var(--k24-design-icon-size-desktop);
    --k24-design-play-button-size: var(--k24-design-play-button-size-desktop);
    --k24-design-section-title-font-size: var(--k24-design-section-title-font-size-desktop);
    --k24-design-section-title-line-height: var(--k24-design-section-title-line-height-desktop);
    --k24-design-section-subtitle-font-size: var(--k24-design-section-subtitle-font-size-desktop);
    --k24-design-section-subtitle-line-height: var(--k24-design-section-subtitle-line-height-desktop);
    --k24-design-article-title-font-size: var(--k24-design-article-title-font-size-desktop);
    --k24-design-article-title-line-height: var(--k24-design-article-title-line-height-desktop);
    --k24-design-article-caption-font-size: var(--k24-design-article-caption-font-size-desktop);
    --k24-design-article-caption-line-height: var(--k24-design-article-caption-line-height-desktop);
    --k24-design-meta-text-font-size: var(--k24-design-meta-text-font-size-desktop);
    --k24-design-meta-text-line-height: var(--k24-design-meta-text-line-height-desktop);
    --k24-design-action-link-font-size: var(--k24-design-action-link-font-size-desktop);
    --k24-design-action-link-line-height: var(--k24-design-action-link-line-height-desktop);
    --k24-design-tab-label-font-size: var(--k24-design-tab-label-font-size-desktop);
    --k24-design-tab-label-line-height: var(--k24-design-tab-label-line-height-desktop);
    margin-block-start: var(--k24-design-section-margin-top);
    margin-block-end: var(--k24-design-section-margin-bottom);
    padding-block-start: var(--k24-design-section-padding-top);
    padding-block-end: var(--k24-design-section-padding-bottom);
}

.shortcode-shell {
    padding-inline: var(--k24-design-shell-padding-x);
    padding-block: var(--k24-design-shell-padding-y);
    background: var(--k24-design-block-background-color);
    border-radius: 16px !important;
    border: var(--k24-design-border-width, 0px) solid var(--k24-design-border-color, transparent);
}

.shortcode-head {
    margin-block-end: var(--k24-design-heading-margin-bottom);
}

.shortcode-body,
.shortcode-grid,
.shortcode-body .row {
    row-gap: var(--k24-design-body-gap);
}

.shortcode-block .shortcode-heading-title {
    font-size: var(--k24-design-section-title-font-size, 1.75rem) !important;
    line-height: var(--k24-design-section-title-line-height, 1.2) !important;
    font-weight: var(--k24-design-section-title-font-weight, 700) !important;
    font-family: var(--k24-design-section-title-font-family, var(--k24-design-title-font-family, inherit)) !important;
    letter-spacing: var(--k24-design-section-title-letter-spacing, normal) !important;
    text-transform: var(--k24-design-section-title-text-transform, none) !important;
    color: var(--k24-design-section-title-color, var(--k24-design-title-color, inherit)) !important;
    margin-bottom: var(--k24-design-section-title-margin-bottom, 0.75rem) !important;
}

.shortcode-block .shortcode-heading-subtitle {
    font-size: var(--k24-design-section-subtitle-font-size) !important;
    line-height: var(--k24-design-section-subtitle-line-height) !important;
    font-weight: var(--k24-design-section-subtitle-font-weight) !important;
    font-family: var(--k24-design-section-subtitle-font-family) !important;
    letter-spacing: var(--k24-design-section-subtitle-letter-spacing) !important;
    text-transform: var(--k24-design-section-subtitle-text-transform) !important;
    color: var(--k24-design-section-subtitle-color) !important;
    margin-bottom: var(--k24-design-section-subtitle-margin-bottom) !important;
}

.shortcode-block .shortcode-card-title,
.shortcode-block .shortcode-card-title a {
    font-size: var(--k24-design-article-title-font-size, 1rem) !important;
    line-height: var(--k24-design-article-title-line-height, 1.4) !important;
    font-weight: var(--k24-design-article-title-font-weight, 600) !important;
    font-family: var(--k24-design-article-title-font-family, var(--k24-design-title-font-family, 'ItfHuwiyaArabic', sans-serif)) !important;
    letter-spacing: var(--k24-design-article-title-letter-spacing, normal) !important;
    text-transform: var(--k24-design-article-title-text-transform, none) !important;
    color: var(--k24-design-article-title-color, var(--k24-design-title-color, inherit)) !important;
    margin-bottom: var(--k24-design-article-title-margin-bottom, 0.5rem) !important;
}

.shortcode-block .post-title,
.shortcode-block .post-title a,
.shortcode-block .post-content-overlay .post-title,
.shortcode-block .post-content-overlay .post-title a {
    font-size: var(--k24-design-article-title-font-size, 1rem) !important;
    line-height: var(--k24-design-article-title-line-height, 1.4) !important;
    font-weight: var(--k24-design-article-title-font-weight, 600) !important;
    font-family: var(--k24-design-article-title-font-family, var(--k24-design-title-font-family, 'ItfHuwiyaArabic', sans-serif)) !important;
    letter-spacing: var(--k24-design-article-title-letter-spacing, normal) !important;
    text-transform: var(--k24-design-article-title-text-transform, none) !important;
    color: var(--k24-design-article-title-color, var(--k24-design-title-color, inherit)) !important;
}

.shortcode-block .shortcode-card-caption,
.shortcode-block .shortcode-card-caption p {
    font-size: var(--k24-design-article-caption-font-size, 0.875rem) !important;
    line-height: var(--k24-design-article-caption-line-height, 1.6) !important;
    font-weight: var(--k24-design-article-caption-font-weight, inherit) !important;
    font-family: var(--k24-design-article-caption-font-family, inherit) !important;
    letter-spacing: var(--k24-design-article-caption-letter-spacing, normal) !important;
    text-transform: var(--k24-design-article-caption-text-transform, none) !important;
    color: var(--k24-design-article-caption-color, inherit) !important;
    margin-bottom: var(--k24-design-article-caption-margin-bottom, 0) !important;
}

/* Icon spans (.material-symbols-rounded / .k24-icon) are excluded via :not()
   so the design-system font-family/text-transform !important overrides never
   corrupt the icon ligature font. The icon font is restored in
   material-symbols-cleanup.css anyway, but preventing the clobber here is
   the clean root fix. */
.shortcode-block .shortcode-card-meta,
.shortcode-block .shortcode-card-meta span:not([class*="material-symbols"]):not(.k24-icon),
.shortcode-block .shortcode-card-meta a {
    font-size: var(--k24-design-meta-text-font-size, 0.75rem) !important;
    line-height: var(--k24-design-meta-text-line-height, 1.4) !important;
    font-weight: var(--k24-design-meta-text-font-weight, inherit) !important;
    font-family: var(--k24-design-meta-text-font-family, inherit) !important;
    letter-spacing: var(--k24-design-meta-text-letter-spacing, normal) !important;
    text-transform: var(--k24-design-meta-text-text-transform, none) !important;
    color: var(--k24-design-meta-text-color, var(--site-muted)) !important;
    margin-bottom: var(--k24-design-meta-text-margin-bottom, 0) !important;
}

.shortcode-block .entry-meta,
.shortcode-block .entry-meta span:not([class*="material-symbols"]):not(.k24-icon),
.shortcode-block .entry-meta a {
    font-size: var(--k24-design-meta-text-font-size, 0.75rem) !important;
    line-height: var(--k24-design-meta-text-line-height, 1.4) !important;
    font-weight: var(--k24-design-meta-text-font-weight, inherit) !important;
    font-family: var(--k24-design-meta-text-font-family, inherit) !important;
    letter-spacing: var(--k24-design-meta-text-letter-spacing, normal) !important;
    text-transform: var(--k24-design-meta-text-text-transform, none) !important;
    color: var(--k24-design-meta-text-color, var(--site-muted)) !important;
}

.shortcode-block .shortcode-slider--style-3 .post-content-overlay .post-title,
.shortcode-block .shortcode-slider--style-3 .post-content-overlay .post-title a,
.shortcode-block .shortcode-slider--style-3 .post-content-overlay .shortcode-card-title,
.shortcode-block .shortcode-slider--style-3 .post-content-overlay .shortcode-card-title a {
    font-size: 26px !important;
    line-height: 1.35 !important;
    color: #fff !important;
}

.shortcode-block .shortcode-slider--style-3 .post-content-overlay .entry-meta,
.shortcode-block .shortcode-slider--style-3 .post-content-overlay .entry-meta span:not([class*="material-symbols"]):not(.k24-icon),
.shortcode-block .shortcode-slider--style-3 .post-content-overlay .entry-meta a,
.shortcode-block .shortcode-slider--style-3 .post-content-overlay .shortcode-card-meta,
.shortcode-block .shortcode-slider--style-3 .post-content-overlay .shortcode-card-meta a {
    color: #fff !important;
}

@media (max-width: 991.98px) {
    .shortcode-block .shortcode-slider--style-3 .post-content-overlay .post-title,
    .shortcode-block .shortcode-slider--style-3 .post-content-overlay .post-title a,
    .shortcode-block .shortcode-slider--style-3 .post-content-overlay .shortcode-card-title,
    .shortcode-block .shortcode-slider--style-3 .post-content-overlay .shortcode-card-title a {
        font-size: 20px !important;
    }
}

@media (max-width: 767.98px) {
    .shortcode-block .shortcode-slider--style-3 .post-content-overlay .post-title,
    .shortcode-block .shortcode-slider--style-3 .post-content-overlay .post-title a,
    .shortcode-block .shortcode-slider--style-3 .post-content-overlay .shortcode-card-title,
    .shortcode-block .shortcode-slider--style-3 .post-content-overlay .shortcode-card-title a {
        font-size: 18px !important;
    }
}

.shortcode-block .shortcode-heading-actions a,
.shortcode-block .shortcode-card-action,
.shortcode-block .shortcode-card-action a {
    font-size: var(--k24-design-action-link-font-size) !important;
    line-height: var(--k24-design-action-link-line-height) !important;
    font-weight: var(--k24-design-action-link-font-weight) !important;
    font-family: var(--k24-design-action-link-font-family) !important;
    letter-spacing: var(--k24-design-action-link-letter-spacing) !important;
    text-transform: var(--k24-design-action-link-text-transform) !important;
    color: var(--k24-design-action-link-color) !important;
    margin-bottom: var(--k24-design-action-link-margin-bottom) !important;
}

.shortcode-block .shortcode-tab-label {
    font-size: var(--k24-design-tab-label-font-size) !important;
    line-height: var(--k24-design-tab-label-line-height) !important;
    font-weight: var(--k24-design-tab-label-font-weight) !important;
    font-family: var(--k24-design-tab-label-font-family) !important;
    letter-spacing: var(--k24-design-tab-label-letter-spacing) !important;
    text-transform: var(--k24-design-tab-label-text-transform) !important;
    color: var(--k24-design-tab-label-color) !important;
    margin-bottom: var(--k24-design-tab-label-margin-bottom) !important;
}

.shortcode-block .shortcode-card,
.shortcode-block .slider-single,
.shortcode-block .post-block-style,
.shortcode-block .shortcode-slider__card,
.shortcode-block .shortcode-video-module__feature-card {
    background: var(--k24-design-card-background-color);
    border-radius: 14px !important;
    border: var(--k24-design-border-width, 0px) solid var(--k24-design-border-color, transparent);
    box-shadow: var(--k24-design-card-shadow);
}

.shortcode-block .shortcode-card-media,
.shortcode-block .shortcode-card-media .k24-media-surface,
.shortcode-block .shortcode-card-media img,
.shortcode-block .shortcode-slider__media-frame,
.shortcode-block .shortcode-slider__media-frame .k24-media-surface,
.shortcode-block .shortcode-slider__media-frame img,
.shortcode-block .shortcode-video-module__media,
.shortcode-block .shortcode-video-module__media img,
.shortcode-block .shortcode-video-module__thumb,
.shortcode-block .shortcode-video-module__thumb img {
    border-radius: 14px !important;
}

.shortcode-block .shortcode-icon-button,
.shortcode-block .shortcode-play-button,
.shortcode-block .top-right-icon {
    border-radius: 9999px !important;
}

.shortcode-block .shortcode-icon-button,
.shortcode-block .shortcode-icon-button .k24-icon,
.shortcode-block .shortcode-icon-button .material-symbols-rounded,
.shortcode-block .top-right-icon,
.shortcode-block .top-right-icon .k24-icon,
.shortcode-block .top-right-icon .material-symbols-rounded {
    color: var(--k24-design-icon-color);
    font-size: var(--k24-design-icon-size);
}

.shortcode-block .shortcode-play-button {
    width: 40px;
    height: 40px;
    border-radius: 9999px !important;
    line-height: var(--k24-design-play-button-size);
    background: var(--k24-design-play-button-background-color);
    color: var(--k24-design-play-button-color);
}

.shortcode-block .shortcode-play-button .k24-icon,
.shortcode-block .shortcode-play-button .material-symbols-rounded {
    color: var(--k24-design-play-button-color);
    font-size: calc(var(--k24-design-play-button-size) * 0.42);
}

.shortcode-shell {
    margin-inline: auto;
    max-width: var(--k24-design-layout-inner-max-width, 100%);
}

.shortcode-block .shortcode-card {
    padding: var(--k24-design-card-padding, 0);
}

.shortcode-block .shortcode-card-media,
.shortcode-block .shortcode-slider__media-frame,
.shortcode-block .shortcode-video-module__media,
.shortcode-block .shortcode-video-module__thumb {
    min-height: var(--k24-design-media-height, auto);
}

.shortcode-block .shortcode-card-share[data-allow-shape],
.shortcode-block .shortcode-icon-button,
.shortcode-block .top-right-icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-width: var(--k24-design-icon-container-size, auto);
    min-height: var(--k24-design-icon-container-size, auto);
}

.shortcode-block[data-icon-shape="circle"] .shortcode-icon-button,
.shortcode-block[data-icon-shape="circle"] .top-right-icon {
    border-radius: 999px;
}

.shortcode-block[data-icon-shape="square"] .shortcode-icon-button,
.shortcode-block[data-icon-shape="square"] .top-right-icon {
    border-radius: 0.75rem;
}

.shortcode-block[data-icon-shape="pill"] .shortcode-icon-button,
.shortcode-block[data-icon-shape="pill"] .top-right-icon {
    border-radius: 999px;
    padding-inline: 0.75rem;
}

.shortcode-block[data-show-share="0"] .shortcode-card-share,
.shortcode-block[data-show-badge="0"] .shortcode-card-category,
.shortcode-block[data-show-cta="0"] .shortcode-card-action,
.shortcode-block[data-show-caption="0"] .shortcode-card-caption,
.shortcode-block[data-show-date="0"] .shortcode-meta-item--date,
.shortcode-block[data-show-read-time="0"] .shortcode-meta-item--read-time,
.shortcode-block[data-show-views="0"] .shortcode-meta-item--views {
    display: none !important;
}

.shortcode-block .shortcode-card-meta {
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
}

.shortcode-block[data-meta-layout="stacked"] .shortcode-card-meta {
    align-items: flex-start;
    flex-direction: column;
}

.shortcode-block[data-meta-layout="compact"] .shortcode-card-meta {
    gap: 0.35rem 0.65rem;
}

.shortcode-block .shortcode-meta-item--date {
    order: var(--k24-design-meta-order-date, 1);
}

.shortcode-block .shortcode-meta-item--read-time {
    order: var(--k24-design-meta-order-read_time, 2);
}

.shortcode-block .shortcode-meta-item--views {
    order: var(--k24-design-meta-order-views, 3);
}

.shortcode-block[data-content-align="center"] .shortcode-head,
.shortcode-block[data-content-align="center"] .shortcode-card,
.shortcode-block[data-content-align="center"] .shortcode-card-title,
.shortcode-block[data-content-align="center"] .shortcode-card-caption {
    text-align: center;
}

.shortcode-block[data-content-align="end"] .shortcode-head,
.shortcode-block[data-content-align="end"] .shortcode-card,
.shortcode-block[data-content-align="end"] .shortcode-card-title,
.shortcode-block[data-content-align="end"] .shortcode-card-caption {
    text-align: end;
}

.shortcode-block[data-tab-orientation="vertical"] .shortcode-tabs-nav,
.shortcode-block[data-tab-orientation="vertical"] .shortcode-tabs {
    flex-direction: column;
    overflow: visible;
}

.shortcode-block[data-tab-orientation="vertical"] .shortcode-tabs .nav-link {
    width: 100%;
}

.shortcode-card-variant--split .shortcode-card {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.shortcode-card-variant--overlay .shortcode-card-media {
    position: relative;
}

.shortcode-card-variant--overlay .shortcode-card {
    background: linear-gradient(180deg, rgba(7, 19, 37, 0.05), rgba(7, 19, 37, 0.85));
    color: #fff;
    margin-top: -3rem; /* Reduced overlap by 40% */
    position: relative;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 10;
}

/* Card Image Ratio Normalization */
.k24-media-surface {
    --k24-surface-width: 16;
    --k24-surface-height: 10;
    aspect-ratio: var(--k24-surface-width) / var(--k24-surface-height) !important;
    background: #f1f5f9;
}

.k24-media-image {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.shortcode-hover--lift .shortcode-card,
.shortcode-hover--zoom .shortcode-card-media,
.shortcode-hover--accent .shortcode-card {
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.shortcode-hover--lift .shortcode-card:hover {
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
    transform: translateY(-4px);
}

.shortcode-hover--zoom .shortcode-card-media:hover .k24-media-image,
.shortcode-hover--zoom .shortcode-card-media:hover img {
    transform: scale(1.04);
}

.shortcode-hover--accent .shortcode-card:hover {
    border-color: color-mix(in srgb, var(--color-primary) 35%, var(--k24-design-border-color, transparent));
}

.shortcode-surface-mode--dark .shortcode-shell,
.shortcode-surface-mode--dark .shortcode-card {
    color: #fff;
}

.shortcode-surface-mode--dark .shortcode-shell,
.shortcode-surface-mode--dark .shortcode-card {
    background: #071325;
}

.shortcode-surface-mode--light .shortcode-shell,
.shortcode-surface-mode--light .shortcode-card {
    background: #fff;
}

.shortcode-block .shortcode-card-badge {
    border: 1px solid transparent;
}

.shortcode-block .shortcode-card-badge,
.shortcode-block[data-icon-fill="1"] .shortcode-card-badge {
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
}

.shortcode-block[data-show-badge="1"] .shortcode-card-badge {
    filter: none;
    opacity: 1;
}

.shortcode-block.shortcode-surface-mode--light .shortcode-card-badge,
.shortcode-block.shortcode-hover--accent .shortcode-card-badge {
    filter: saturate(0.9);
}

@media (max-width: 991.98px) {
    .shortcode-block {
        --k24-design-section-margin-top: var(--k24-design-section-margin-top-tablet, var(--k24-design-section-margin-top-desktop));
        --k24-design-section-margin-bottom: var(--k24-design-section-margin-bottom-tablet, var(--k24-design-section-margin-bottom-desktop));
        --k24-design-section-padding-top: var(--k24-design-section-padding-top-tablet, var(--k24-design-section-padding-top-desktop));
        --k24-design-section-padding-bottom: var(--k24-design-section-padding-bottom-tablet, var(--k24-design-section-padding-bottom-desktop));
        --k24-design-shell-padding-x: var(--k24-design-shell-padding-x-tablet, var(--k24-design-shell-padding-x-desktop));
        --k24-design-shell-padding-y: var(--k24-design-shell-padding-y-tablet, var(--k24-design-shell-padding-y-desktop));
        --k24-design-heading-margin-bottom: var(--k24-design-heading-margin-bottom-tablet, var(--k24-design-heading-margin-bottom-desktop));
        --k24-design-body-gap: var(--k24-design-body-gap-tablet, var(--k24-design-body-gap-desktop));
        --k24-design-icon-size: var(--k24-design-icon-size-tablet, var(--k24-design-icon-size-desktop));
        --k24-design-play-button-size: var(--k24-design-play-button-size-tablet, var(--k24-design-play-button-size-desktop));
        --k24-design-section-title-font-size: var(--k24-design-section-title-font-size-tablet, var(--k24-design-section-title-font-size-desktop));
        --k24-design-section-title-line-height: var(--k24-design-section-title-line-height-tablet, var(--k24-design-section-title-line-height-desktop));
        --k24-design-section-subtitle-font-size: var(--k24-design-section-subtitle-font-size-tablet, var(--k24-design-section-subtitle-font-size-desktop));
        --k24-design-section-subtitle-line-height: var(--k24-design-section-subtitle-line-height-tablet, var(--k24-design-section-subtitle-line-height-desktop));
        --k24-design-article-title-font-size: var(--k24-design-article-title-font-size-tablet, var(--k24-design-article-title-font-size-desktop));
        --k24-design-article-title-line-height: var(--k24-design-article-title-line-height-tablet, var(--k24-design-article-title-line-height-desktop));
        --k24-design-article-caption-font-size: var(--k24-design-article-caption-font-size-tablet, var(--k24-design-article-caption-font-size-desktop));
        --k24-design-article-caption-line-height: var(--k24-design-article-caption-line-height-tablet, var(--k24-design-article-caption-line-height-desktop));
        --k24-design-meta-text-font-size: var(--k24-design-meta-text-font-size-tablet, var(--k24-design-meta-text-font-size-desktop));
        --k24-design-meta-text-line-height: var(--k24-design-meta-text-line-height-tablet, var(--k24-design-meta-text-line-height-desktop));
        --k24-design-action-link-font-size: var(--k24-design-action-link-font-size-tablet, var(--k24-design-action-link-font-size-desktop));
        --k24-design-action-link-line-height: var(--k24-design-action-link-line-height-tablet, var(--k24-design-action-link-line-height-desktop));
        --k24-design-tab-label-font-size: var(--k24-design-tab-label-font-size-tablet, var(--k24-design-tab-label-font-size-desktop));
        --k24-design-tab-label-line-height: var(--k24-design-tab-label-line-height-tablet, var(--k24-design-tab-label-line-height-desktop));
    }
}

@media (max-width: 767.98px) {
    .shortcode-block {
        --k24-design-section-margin-top: var(--k24-design-section-margin-top-mobile, var(--k24-design-section-margin-top-tablet, var(--k24-design-section-margin-top-desktop)));
        --k24-design-section-margin-bottom: var(--k24-design-section-margin-bottom-mobile, var(--k24-design-section-margin-bottom-tablet, var(--k24-design-section-margin-bottom-desktop)));
        --k24-design-section-padding-top: var(--k24-design-section-padding-top-mobile, var(--k24-design-section-padding-top-tablet, var(--k24-design-section-padding-top-desktop)));
        --k24-design-section-padding-bottom: var(--k24-design-section-padding-bottom-mobile, var(--k24-design-section-padding-bottom-tablet, var(--k24-design-section-padding-bottom-desktop)));
        --k24-design-shell-padding-x: var(--k24-design-shell-padding-x-mobile, var(--k24-design-shell-padding-x-tablet, var(--k24-design-shell-padding-x-desktop)));
        --k24-design-shell-padding-y: var(--k24-design-shell-padding-y-mobile, var(--k24-design-shell-padding-y-tablet, var(--k24-design-shell-padding-y-desktop)));
        --k24-design-heading-margin-bottom: var(--k24-design-heading-margin-bottom-mobile, var(--k24-design-heading-margin-bottom-tablet, var(--k24-design-heading-margin-bottom-desktop)));
        --k24-design-body-gap: var(--k24-design-body-gap-mobile, var(--k24-design-body-gap-tablet, var(--k24-design-body-gap-desktop)));
        --k24-design-icon-size: var(--k24-design-icon-size-mobile, var(--k24-design-icon-size-tablet, var(--k24-design-icon-size-desktop)));
        --k24-design-play-button-size: var(--k24-design-play-button-size-mobile, var(--k24-design-play-button-size-tablet, var(--k24-design-play-button-size-desktop)));
        --k24-design-section-title-font-size: var(--k24-design-section-title-font-size-mobile, var(--k24-design-section-title-font-size-tablet, var(--k24-design-section-title-font-size-desktop)));
        --k24-design-section-title-line-height: var(--k24-design-section-title-line-height-mobile, var(--k24-design-section-title-line-height-tablet, var(--k24-design-section-title-line-height-desktop)));
        --k24-design-section-subtitle-font-size: var(--k24-design-section-subtitle-font-size-mobile, var(--k24-design-section-subtitle-font-size-tablet, var(--k24-design-section-subtitle-font-size-desktop)));
        --k24-design-section-subtitle-line-height: var(--k24-design-section-subtitle-line-height-mobile, var(--k24-design-section-subtitle-line-height-tablet, var(--k24-design-section-subtitle-line-height-desktop)));
        --k24-design-article-title-font-size: var(--k24-design-article-title-font-size-mobile, var(--k24-design-article-title-font-size-tablet, var(--k24-design-article-title-font-size-desktop)));
        --k24-design-article-title-line-height: var(--k24-design-article-title-line-height-mobile, var(--k24-design-article-title-line-height-tablet, var(--k24-design-article-title-line-height-desktop)));
        --k24-design-article-caption-font-size: var(--k24-design-article-caption-font-size-mobile, var(--k24-design-article-caption-font-size-tablet, var(--k24-design-article-caption-font-size-desktop)));
        --k24-design-article-caption-line-height: var(--k24-design-article-caption-line-height-mobile, var(--k24-design-article-caption-line-height-tablet, var(--k24-design-article-caption-line-height-desktop)));
        --k24-design-meta-text-font-size: var(--k24-design-meta-text-font-size-mobile, var(--k24-design-meta-text-font-size-tablet, var(--k24-design-meta-text-font-size-desktop)));
        --k24-design-meta-text-line-height: var(--k24-design-meta-text-line-height-mobile, var(--k24-design-meta-text-line-height-tablet, var(--k24-design-meta-text-line-height-desktop)));
        --k24-design-action-link-font-size: var(--k24-design-action-link-font-size-mobile, var(--k24-design-action-link-font-size-tablet, var(--k24-design-action-link-font-size-desktop)));
        --k24-design-action-link-line-height: var(--k24-design-action-link-line-height-mobile, var(--k24-design-action-link-line-height-tablet, var(--k24-design-action-link-line-height-desktop)));
        --k24-design-tab-label-font-size: var(--k24-design-tab-label-font-size-mobile, var(--k24-design-tab-label-font-size-tablet, var(--k24-design-tab-label-font-size-desktop)));
        --k24-design-tab-label-line-height: var(--k24-design-tab-label-line-height-mobile, var(--k24-design-tab-label-line-height-tablet, var(--k24-design-tab-label-line-height-desktop)));
    }
}

.shortcode-sidebar {
    position: relative;
}

.shortcode-grid {
    align-items: stretch;
}

.shortcode-divider {
    border-top: 1px solid var(--shortcode-border);
}

.shortcode-divider--top {
    margin-block-end: 1.875rem;
}

.shortcode-divider--bottom {
    margin-block-start: 1.875rem;
}

.shortcode-media {
    display: block;
    width: 100%;
}

.shortcode-media--cover {
    height: 100%;
    object-fit: cover;
}

.shortcode-width--full > .container-fluid {
    padding-inline: 0;
}

.shortcode-spacing-top--none {
    padding-block-start: 0;
}

.shortcode-spacing-top--xs {
    padding-block-start: var(--shortcode-space-xs);
}

.shortcode-spacing-top--sm {
    padding-block-start: var(--shortcode-space-sm);
}

.shortcode-spacing-top--md {
    padding-block-start: var(--shortcode-space-md);
}

.shortcode-spacing-top--lg {
    padding-block-start: var(--shortcode-space-lg);
}

.shortcode-spacing-top--xl {
    padding-block-start: var(--shortcode-space-xl);
}

.shortcode-spacing-bottom--none {
    padding-block-end: 0;
}

.shortcode-spacing-bottom--xs {
    padding-block-end: var(--shortcode-space-xs);
}

.shortcode-spacing-bottom--sm {
    padding-block-end: var(--shortcode-space-sm);
}

.shortcode-spacing-bottom--md {
    padding-block-end: var(--shortcode-space-md);
}

.shortcode-spacing-bottom--lg {
    padding-block-end: var(--shortcode-space-lg);
}

.shortcode-spacing-bottom--xl {
    padding-block-end: var(--shortcode-space-xl);
}

.shortcode-heading-align--center .shortcode-head,
.shortcode-heading-align--center .shortcode-title-group {
    text-align: center;
}

.shortcode-heading-align--center .shortcode-head {
    justify-content: center;
}

.shortcode-heading-align--end .shortcode-head,
.shortcode-heading-align--end .shortcode-title-group {
    text-align: end;
}

.shortcode-heading-align--end .shortcode-head {
    justify-content: flex-end;
}

.shortcode-heading-style--compact .shortcode-head {
    margin-block-end: 1rem;
}

.shortcode-heading-style--editorial .widget-title {
    letter-spacing: 0.08em;
    font-size: 1.375rem;
}

.shortcode-skin--muted {
    background: var(--shortcode-surface-muted);
}

.shortcode-skin--accent {
    background: var(--shortcode-surface-accent);
}

.shortcode-skin--dark {
    background: var(--shortcode-surface-dark);
    color: #fff;
}

.shortcode-skin--dark .widget-title,
.shortcode-skin--dark .shortcode-head__subtitle {
    color: #fff;
}

.shortcode-density--compact .post-card-1,
.shortcode-density--compact .post-block-style,
.shortcode-density--compact .post-card__content {
    gap: 0.5rem;
}

.shortcode-hide-meta .entry-meta {
    display: none !important;
}

.shortcode-hide-description .post-excerpt,
.shortcode-hide-description .excerpt,
.shortcode-hide-description .post-description {
    display: none !important;
}

.shortcode-grid-module .widget-title,
.shortcode-collection-module .widget-title,
.categories-tab-posts-module .widget-title,
.shortcode-video-module .widget-title,
.recent-area .widget-title {
    margin-block-end: 0;
}

.shortcode-grid-module--padding-compact .post-card-1 {
    padding: 0.5rem;
}

.shortcode-grid-module--padding-spacious .post-card-1 {
    padding: 1rem;
}

.shortcode-slider__media-frame,
.shortcode-slider__card,
.shortcode-video-module__media,
.shortcode-video-module__thumb {
    overflow: hidden;
}

.shortcode-slider__media-frame.k24-media-surface,
.shortcode-slider__card.k24-media-surface,
.shortcode-video-module__media.k24-media-surface,
.shortcode-video-module__thumb.k24-media-surface {
    min-height: 0;
}

.shortcode-slider__image {
    min-height: 100%;
}

.shortcode-slider__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 12, 22, 0.08), rgba(7, 12, 22, 0.78));
    pointer-events: none;
}

.shortcode-slider--overlay-soft .shortcode-slider__overlay {
    background: linear-gradient(180deg, rgba(7, 12, 22, 0.05), rgba(7, 12, 22, 0.6));
}

.shortcode-slider--overlay-strong .shortcode-slider__overlay {
    background: linear-gradient(180deg, rgba(7, 12, 22, 0.16), rgba(7, 12, 22, 0.9));
}

.shortcode-slider__content {
    z-index: 1;
}

.shortcode-slider--style-3 .shortcode-slider__media-frame:not(.k24-media-surface),
.shortcode-slider--style-4 .shortcode-slider__card:not(.k24-media-surface) {
    min-height: 34rem;
}

.shortcode-slider--height-compact.shortcode-slider--style-3 .shortcode-slider__media-frame:not(.k24-media-surface),
.shortcode-slider--height-compact.shortcode-slider--style-4 .shortcode-slider__card:not(.k24-media-surface) {
    min-height: 24rem;
}

.shortcode-slider--height-standard.shortcode-slider--style-3 .shortcode-slider__media-frame:not(.k24-media-surface),
.shortcode-slider--height-standard.shortcode-slider--style-4 .shortcode-slider__card:not(.k24-media-surface) {
    min-height: 28rem;
}

.shortcode-slider--height-cinematic.shortcode-slider--style-3 .shortcode-slider__media-frame:not(.k24-media-surface),
.shortcode-slider--height-cinematic.shortcode-slider--style-4 .shortcode-slider__card:not(.k24-media-surface) {
    min-height: 40rem;
}

.shortcode-slider--align-center .shortcode-slider__content {
    text-align: center;
}

.shortcode-slider--align-end .shortcode-slider__content {
    text-align: end;
}

.shortcode-slider__thumbs-wrap {
    margin-block-start: -6.5rem;
    position: relative;
    z-index: 3;
}

.shortcode-slider__thumbs .slider-post-thumb img {
    width: 100%;
}

.shortcode-slider--style-1 .shortcode-slider__media-frame,
.shortcode-slider--style-1 .slider-img img {
    height: 100%;
}

.shortcode-video-module__shell {
    color: #fff;
}

.shortcode-video-module__shell--light {
    color: var(--color-link);
}

.shortcode-video-module__shell--light .widget-title,
.shortcode-video-module__shell--light .shortcode-head__subtitle {
    color: var(--color-link);
}

.shortcode-video-module__all-link {
    color: inherit;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

.shortcode-video-module__all-link::before {
    content: "\e6b7";
    font-family: themify;
}

.shortcode-video-module__shell--feature-first .shortcode-video-module__featured {
    order: -1;
}

.shortcode-video-module__shell--grid-first .shortcode-video-module__featured {
    order: 2;
}

.shortcode-video-module__shell--play-sm .play_btn i {
    font-size: 0.875rem;
}

.shortcode-video-module__shell--play-md .play_btn i {
    font-size: 1rem;
}

.shortcode-video-module__shell--play-lg .play_btn i {
    font-size: 1.25rem;
}

.shortcode-video-module .shortcode-head {
    align-items: center;
}

.shortcode-video-module .widget-taber-content,
.shortcode-video-module__shell--light {
    color: inherit;
}

.categories-tab-posts-module__head {
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
}

.categories-tab-posts-module--title-end .categories-tab-posts-module__head {
    flex-direction: row-reverse;
}

.categories-tab-posts-module--title-stacked .categories-tab-posts-module__head {
    display: block;
}

.categories-tab-posts-module--featured-dominant .categories-tab-posts-module__lead .post-block-style {
    height: 100%;
}

.categories-tab-posts-module__sidebar,
.shortcode-recent__sidebar {
    display: grid;
    gap: 1.5rem;
}

.shortcode-tabs-nav,
.shortcode-tabs {
    overflow-x: auto;
    scrollbar-width: thin;
}

.shortcode-tabs-nav::-webkit-scrollbar,
.shortcode-tabs::-webkit-scrollbar {
    width: 8px;
}

.shortcode-tabs-nav::-webkit-scrollbar-track,
.shortcode-tabs::-webkit-scrollbar-track {
    background: transparent;
}

.shortcode-tabs-nav::-webkit-scrollbar-thumb,
.shortcode-tabs::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.3);
    border-radius: 4px;
}

.shortcode-tabs-nav--center .shortcode-tabs {
    justify-content: center;
}

.shortcode-tabs-nav--end .shortcode-tabs {
    justify-content: flex-end;
}

.shortcode-tabs .nav-link {
    white-space: nowrap;
}

.shortcode-tabs .nav-link:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.shortcode-tabs-widget .widget-taber-content {
    padding: 1.5rem;
}

.shortcode-recent__article {
    margin-inline: 0;
}

.shortcode-popular-categories__card {
    min-height: 13rem;
    overflow: hidden;
}

.shortcode-popular-categories__link {
    display: grid;
    place-items: end start;
    height: 100%;
    color: #fff;
    text-decoration: none;
}

.shortcode-popular-categories__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.1), rgba(15, 23, 42, 0.72));
}

.shortcode-popular-categories__card h5 {
    position: absolute;
    inset-inline-start: 1rem;
    inset-block-end: 1rem;
    margin: 0;
    z-index: 1;
    color: inherit;
}

.shortcode-comments-carousel__item,
.shortcode-theme-galleries__item {
    height: 100%;
}

.shortcode-comments-carousel__media,
.shortcode-theme-galleries__media {
    min-height: 16rem;
}

.shortcode-contact-form__media {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

.shortcode-contact-form__media img {
    max-width: 100%;
    height: auto;
}

.shortcode-gallery__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.shortcode-gallery__item .thumb,
.shortcode-gallery__item img {
    height: 100%;
}

.shortcode-posts-listing__header {
    padding-block-start: 3rem;
}

.shortcode-recently-viewed .shortcode-head {
    margin-block-end: 1rem;
}

.shortcode-mobile-stack--compact .shortcode-head {
    gap: 1rem;
}

.shortcode-animate--fade {
    animation: shortcodeFade 0.45s ease both;
}

.shortcode-animate--rise {
    animation: shortcodeRise 0.45s ease both;
}

@keyframes shortcodeFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes shortcodeRise {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .shortcode-animate--fade,
    .shortcode-animate--rise {
        animation: none;
    }
}

@media (max-width: 991.98px) {
    .k24-media-surface--hero-feature {
        --k24-surface-width: 1024;
        --k24-surface-height: 576;
    }

    .k24-media-surface--slider-thumb {
        --k24-surface-width: 120;
        --k24-surface-height: 120;
    }

    .k24-media-surface--tab-feature {
        --k24-surface-width: 640;
        --k24-surface-height: 380;
    }

    .k24-media-surface--tab-card {
        --k24-surface-width: 300;
        --k24-surface-height: 206;
    }

    .k24-media-surface--grid-card {
        --k24-surface-width: 360;
        --k24-surface-height: 240;
    }

    .k24-media-surface--collection-card {
        --k24-surface-width: 320;
        --k24-surface-height: 226;
    }

    .k24-media-surface--video-feature {
        --k24-surface-width: 640;
        --k24-surface-height: 427;
    }

    .k24-media-surface--video-thumb {
        --k24-surface-width: 240;
        --k24-surface-height: 148;
    }

    .k24-media-surface--article-hero {
        --k24-surface-width: 960;
        --k24-surface-height: 600;
    }

    .k24-media-surface--related-card {
        --k24-surface-width: 320;
        --k24-surface-height: 196;
    }

    .shortcode-head {
        flex-direction: column;
        align-items: stretch;
    }

    .categories-tab-posts-module--title-end .categories-tab-posts-module__head {
        flex-direction: column;
    }

    .shortcode-slider__thumbs-wrap {
        margin-block-start: 1rem;
    }

    .shortcode-slider--style-3 .shortcode-slider__media-frame:not(.k24-media-surface),
    .shortcode-slider--style-4 .shortcode-slider__card:not(.k24-media-surface) {
        min-height: 26rem;
    }
}

@media (max-width: 767.98px) {
    .k24-media-surface--hero-feature {
        --k24-surface-width: 768;
        --k24-surface-height: 480;
    }

    .k24-media-surface--slider-thumb {
        --k24-surface-width: 96;
        --k24-surface-height: 96;
    }

    .k24-media-surface--tab-feature {
        --k24-surface-width: 480;
        --k24-surface-height: 300;
    }

    .k24-media-surface--tab-card {
        --k24-surface-width: 320;
        --k24-surface-height: 220;
    }

    .k24-media-surface--grid-card {
        --k24-surface-width: 320;
        --k24-surface-height: 214;
    }

    .k24-media-surface--collection-card {
        --k24-surface-width: 320;
        --k24-surface-height: 226;
    }

    .k24-media-surface--sidebar-card {
        --k24-surface-width: 140;
        --k24-surface-height: 105;
    }

    .k24-media-surface--video-feature {
        --k24-surface-width: 480;
        --k24-surface-height: 320;
    }

    .k24-media-surface--video-thumb {
        --k24-surface-width: 300;
        --k24-surface-height: 185;
    }

    .k24-media-surface--article-hero {
        --k24-surface-width: 720;
        --k24-surface-height: 480;
    }

    .k24-media-surface--related-card {
        --k24-surface-width: 320;
        --k24-surface-height: 196;
    }

    .shortcode-shell {
        overflow: hidden;
    }

    .shortcode-tabs {
        flex-wrap: nowrap;
    }

    .shortcode-slider--style-3 .shortcode-slider__media-frame:not(.k24-media-surface),
    .shortcode-slider--style-4 .shortcode-slider__card:not(.k24-media-surface) {
        min-height: 22rem;
    }

    .shortcode-mobile-stack--slider .shortcode-slider__thumbs-wrap {
        display: none;
    }

    .shortcode-mobile-stack--compact .shortcode-tabs-widget .widget-taber-content,
    .shortcode-mobile-stack--compact .shortcode-recent__sidebar,
    .shortcode-mobile-stack--compact .categories-tab-posts-module__sidebar {
        gap: 1rem;
        padding-inline: 0;
    }

    .shortcode-video-module__featured,
    .categories-tab-posts-module__lead {
        margin-block-end: 1.5rem;
    }

/* ========================================================================================
   Editorial Card System (BEM)
   ======================================================================================== */

.k24-card {
    --card-bg: var(--k24-card-bg);
    --card-border: var(--k24-card-border);
    --card-radius: var(--k24-card-radius);
    --card-padding: var(--k24-card-padding);

    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: var(--card-radius) !important;
    overflow: hidden;
    transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
    height: 100%;
}

/* Hover States */
.k24-card--hover-lift:hover {
    transform: translateY(-4px);
    background: var(--k24-card-bg-hover);
    border-color: rgba(7, 19, 37, 0.15);
    box-shadow: 0 12px 24px rgba(7, 13, 37, 0.04);
}

.k24-card:hover .k24-card__title,
.k24-card:hover .k24-card__title a {
    color: var(--k24-crimson) !important;
}

/* Elements */
.k24-card__media {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: var(--card-radius) var(--card-radius) 0 0 !important;
}

.k24-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    border-radius: 0 !important;   /* Managed by parent */
}

.k24-card:hover .k24-card__media img {
    transform: scale(1.03);
}

.k24-card__badge {
    position: absolute;
    top: 1rem;
    inset-inline-start: 1rem;
    z-index: 2;
}

.k24-card__content {
    padding: var(--card-padding);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.k24-card__title {
    font-family: "ItfHuwiyaArabic", sans-serif !important;
    color: var(--k24-ink) !important;
    font-weight: 500 !important;
    margin-bottom: 0.75rem;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.k24-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.8125rem;
    color: var(--site-muted);
}

.k24-card__excerpt {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #3d3d3d;
    margin-bottom: 0;
}

/* Variants */
.k24-card--horizontal {
    flex-direction: row;
}

.k24-card--horizontal .k24-card__media {
    width: 35%;
    flex-shrink: 0;
    border-radius: var(--card-radius) 0 0 var(--card-radius) !important;
}

[dir="rtl"] .k24-card--horizontal .k24-card__media {
    border-radius: 0 var(--card-radius) var(--card-radius) 0 !important;
}

.k24-card--hero .k24-card__title {
    font-size: 2rem !important;
    font-weight: 800 !important;
}

.k24-card--overlay {
    justify-content: flex-end;
}

.k24-card--overlay .k24-card__media {
    position: absolute;
    inset: 0;
    height: 100%;
    border-radius: var(--card-radius) !important;
}

.k24-card--overlay .k24-card__content {
    position: relative;
    z-index: 2;
    background: linear-gradient(to top, rgba(7, 19, 37, 0.9) 0%, rgba(7, 19, 37, 0.4) 50%, transparent 100%);
    color: #FFFFFF !important;
    padding-top: 4rem;
}

.k24-card--overlay .k24-card__title,
.k24-card--overlay .k24-card__title a,
.k24-card--overlay .k24-card__meta,
.k24-card--overlay .k24-card__excerpt {
    color: #FFFFFF !important;
}

@media (max-width: 767.98px) {
    .k24-card--horizontal {
        flex-direction: column;
    }

    .k24-card--horizontal .k24-card__media {
        width: 100%;
        border-radius: var(--card-radius) var(--card-radius) 0 0 !important;
    }

    .k24-card--hero .k24-card__title {
        font-size: 1.5rem !important;
    }
}
}