:root{--fxew-primary:#062941;--fxew-accent:#22c7d9;--fxew-surface:#fff;--fxew-text:#132b3d;--fxew-muted:#6f8290;--fxew-radius:22px}
.fxew-hero,.fxew-latest,.fxew-topics{box-sizing:border-box;width:100%;font-family:inherit}.fxew-hero *,.fxew-latest *,.fxew-topics *{box-sizing:border-box}
.fxew-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.95fr);gap:16px}
.fxew-card{position:relative;overflow:hidden;border-radius:var(--fxew-radius);background-color:var(--fxew-primary);background-image:var(--fxew-bg);background-position:center;background-size:cover;isolation:isolate}
.fxew-overlay-link{position:absolute;inset:0;z-index:4}.fxew-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,20,34,.92),rgba(3,20,34,.35),rgba(3,20,34,.18))}
.fxew-hero__main{min-height:560px}.fxew-hero__main-content,.fxew-hero__side-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:100%;color:#fff}
.fxew-hero__main-content{max-width:680px;padding:clamp(24px,4vw,54px)}.fxew-badge{display:inline-flex;align-items:center;min-height:29px;margin-bottom:14px;padding:4px 12px;border-radius:999px;background:var(--fxew-accent);color:#fff;font-size:11px;font-weight:800}
.fxew-hero__main h2{margin:0;color:#fff;font-size:clamp(28px,3.2vw,52px);font-weight:900;line-height:1.45}.fxew-hero__main p{max-width:620px;margin:17px 0 0;color:rgba(255,255,255,.84);font-size:15px;line-height:2}
.fxew-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;color:rgba(255,255,255,.72);font-size:11px}.fxew-hero__side{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:16px}.fxew-hero__side-card{min-height:170px}.fxew-hero__side-content{padding:20px}.fxew-hero__side-content .fxew-badge{min-height:24px;margin-bottom:7px;padding:2px 9px;font-size:9px}.fxew-hero__side-content h3{margin:0;color:#fff;font-size:18px;font-weight:850;line-height:1.75}
.fxew-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.fxew-section-title{position:relative;margin:0;color:var(--fxew-text);font-size:25px;font-weight:900}.fxew-section-title:before{content:"";display:inline-block;width:9px;height:9px;margin-left:9px;border-radius:50%;background:var(--fxew-accent)}
.fxew-latest{padding:24px;border:1px solid #dfeaf0;border-radius:var(--fxew-radius);background:#fff;box-shadow:0 12px 32px rgba(21,54,73,.06)}.fxew-more{color:var(--fxew-primary);font-size:13px;font-weight:800;text-decoration:none}.fxew-latest__items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.fxew-latest__item{min-width:0;padding:5px 16px;border-left:1px solid #e5edf2}.fxew-latest__item:last-child{border-left:0}.fxew-latest__meta{display:flex;gap:8px;margin-bottom:7px;color:var(--fxew-muted);font-size:10px}.fxew-latest__category{color:var(--fxew-accent);font-weight:800}.fxew-latest__item h3{margin:0;font-size:14px;font-weight:800;line-height:1.75}.fxew-latest__item a{color:var(--fxew-text);text-decoration:none}
.fxew-topics__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fxew-topic{min-width:0;padding:16px;border:1px solid #dfeaf0;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(21,54,73,.06)}.fxew-topic__head{display:flex;align-items:center;gap:9px;margin-bottom:14px}.fxew-topic__head>span{width:10px;height:10px;border-radius:50%;background:var(--fxew-topic-color)}.fxew-topic__head h3{margin:0;color:var(--fxew-topic-color);font-size:18px;font-weight:900}.fxew-topic__feature{display:block;color:var(--fxew-text);text-decoration:none}.fxew-topic__feature img{display:block;width:100%;aspect-ratio:16/8.7;margin-bottom:12px;border-radius:13px;object-fit:cover}.fxew-topic__feature strong{display:block;margin-bottom:7px;font-size:16px;line-height:1.8}.fxew-topic__feature small{color:var(--fxew-muted)}.fxew-topic__list{margin-top:13px;border-top:1px solid #e6eef3}.fxew-topic__list a{display:grid;grid-template-columns:minmax(0,1fr) 60px;align-items:center;gap:10px;min-height:66px;padding:9px 0;border-bottom:1px solid #e6eef3;color:var(--fxew-text);font-size:12px;font-weight:750;line-height:1.7;text-decoration:none}.fxew-topic__list img{width:60px;height:46px;border-radius:8px;object-fit:cover}.fxew-empty{padding:24px;border:1px dashed #c7d7e0;border-radius:16px;color:#70818d;text-align:center}
@media(max-width:1024px){.fxew-hero{grid-template-columns:minmax(0,1.25fr) minmax(260px,.8fr)}.fxew-latest__items{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}}
@media(max-width:767px){.fxew-hero{display:block}.fxew-hero__main{min-height:470px}.fxew-hero__main h2{font-size:30px}.fxew-hero__side{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-rows:none;margin-top:14px;overflow-x:auto;scroll-snap-type:x mandatory}.fxew-hero__side-card{min-height:190px;scroll-snap-align:start}.fxew-latest{padding:18px 14px}.fxew-latest__items{display:grid;grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory}.fxew-latest__item{border-left:1px solid #e5edf2!important;scroll-snap-align:start}.fxew-topics__grid{grid-template-columns:1fr!important}}


/* =========================================================
   Futurix Hero News — mobile UX refinement
   Only affects the Hero widget on screens up to 767px.
========================================================= */
@media (max-width: 767px) {
    .elementor-widget-fxew-hero .fxew-hero {
        display: block;
        width: 100%;
    }

    .elementor-widget-fxew-hero .fxew-hero__main {
        min-height: 365px !important;
        max-height: none;
        border-radius: 18px;
        background-position: center center;
    }

    .elementor-widget-fxew-hero .fxew-hero__main .fxew-shade {
        background:
            linear-gradient(
                180deg,
                rgba(3, 20, 34, 0.08) 0%,
                rgba(3, 20, 34, 0.30) 38%,
                rgba(3, 20, 34, 0.92) 100%
            );
    }

    .elementor-widget-fxew-hero .fxew-hero__main-content {
        justify-content: flex-end;
        width: 100%;
        max-width: none;
        padding: 22px 20px 20px;
    }

    .elementor-widget-fxew-hero .fxew-hero__main .fxew-badge {
        min-height: 26px;
        margin-bottom: 10px;
        padding: 3px 10px;
        font-size: 10px;
        line-height: 1.5;
    }

    .elementor-widget-fxew-hero .fxew-hero__main h2 {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        color: #ffffff;
        font-size: clamp(22px, 6.3vw, 27px) !important;
        font-weight: 900;
        line-height: 1.55;
        text-wrap: balance;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .elementor-widget-fxew-hero .fxew-hero__main p {
        display: -webkit-box;
        overflow: hidden;
        margin: 10px 0 0;
        color: rgba(255, 255, 255, 0.82);
        font-size: 12.5px;
        line-height: 1.85;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .elementor-widget-fxew-hero .fxew-hero__main .fxew-meta {
        gap: 10px;
        margin-top: 12px;
        font-size: 10px;
        line-height: 1.6;
    }

    .elementor-widget-fxew-hero .fxew-hero__side {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 78%;
        grid-template-rows: none;
        gap: 12px;
        margin-top: 12px;
        padding-bottom: 5px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-padding-inline: 2px;
        scroll-snap-type: inline mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .elementor-widget-fxew-hero .fxew-hero__side::-webkit-scrollbar {
        display: none;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-card {
        min-height: 155px;
        border-radius: 16px;
        scroll-snap-align: start;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-card .fxew-shade {
        background:
            linear-gradient(
                180deg,
                rgba(3, 20, 34, 0.10),
                rgba(3, 20, 34, 0.86)
            );
    }

    .elementor-widget-fxew-hero .fxew-hero__side-content {
        justify-content: flex-end;
        padding: 15px;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-content .fxew-badge {
        min-height: 22px;
        margin-bottom: 6px;
        padding: 2px 8px;
        font-size: 9px;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-content h3 {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        font-size: 15px;
        line-height: 1.65;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-content .fxew-meta {
        margin-top: 7px;
        font-size: 9px;
    }
}

@media (max-width: 390px) {
    .elementor-widget-fxew-hero .fxew-hero__main {
        min-height: 340px !important;
    }

    .elementor-widget-fxew-hero .fxew-hero__main-content {
        padding: 18px 17px;
    }

    .elementor-widget-fxew-hero .fxew-hero__main h2 {
        font-size: 22px !important;
    }

    .elementor-widget-fxew-hero .fxew-hero__side {
        grid-auto-columns: 84%;
    }
}


/* =========================================================
   Futurix Hero News — mobile secondary news as clear text list
   Desktop remains unchanged.
========================================================= */
@media (max-width: 767px) {
    .elementor-widget-fxew-hero .fxew-hero__side {
        position: relative;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin-top: 14px !important;
        padding: 44px 0 0 !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
        background: transparent !important;
    }

    .elementor-widget-fxew-hero .fxew-hero__side::before {
        content: "خبرهای بیشتر";
        position: absolute;
        top: 0;
        right: 0;
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        padding: 0 13px;
        border-radius: 999px;
        background: color-mix(in srgb, var(--fxew-accent) 14%, transparent);
        color: var(--fxew-primary);
        font-size: 12px;
        font-weight: 900;
        line-height: 1.5;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-card {
        position: relative;
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 15px 16px 14px 48px !important;
        border: 0 !important;
        border-bottom: 1px solid #dfeaf0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        scroll-snap-align: none !important;
        isolation: isolate;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-card:first-child {
        border-top: 1px solid #dfeaf0 !important;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-card::after {
        content: "‹";
        position: absolute;
        left: 15px;
        top: 50%;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 27px;
        height: 27px;
        border: 1px solid #dfeaf0;
        border-radius: 50%;
        color: var(--fxew-primary);
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        transform: translateY(-50%);
        transition:
            background-color .2s ease,
            border-color .2s ease,
            color .2s ease;
        pointer-events: none;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-card:active::after {
        border-color: var(--fxew-accent);
        background: var(--fxew-accent);
        color: #ffffff;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-card .fxew-shade {
        display: none !important;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-content {
        position: relative;
        z-index: 2;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        grid-template-areas:
            "badge title"
            "meta meta";
        align-items: start !important;
        justify-content: stretch !important;
        gap: 7px 10px;
        width: 100%;
        height: auto !important;
        padding: 0 !important;
        color: var(--fxew-text) !important;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-content .fxew-badge {
        grid-area: badge;
        align-self: start;
        min-height: 22px;
        margin: 2px 0 0 !important;
        padding: 2px 8px;
        border-radius: 999px;
        font-size: 9px;
        line-height: 1.6;
        white-space: nowrap;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-content h3 {
        grid-area: title;
        display: -webkit-box;
        overflow: hidden;
        margin: 0 !important;
        color: var(--fxew-text) !important;
        font-size: 14px !important;
        font-weight: 850;
        line-height: 1.75 !important;
        text-align: right;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-content .fxew-meta {
        grid-area: meta;
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        margin: 0 !important;
        color: var(--fxew-muted) !important;
        font-size: 9px !important;
        line-height: 1.6;
    }

    .elementor-widget-fxew-hero .fxew-hero__side-card .fxew-overlay-link {
        z-index: 5;
    }
}

/* Dark-mode compatibility for the list without changing desktop. */
@media (max-width: 767px) {
    html.fx-global-dark .elementor-widget-fxew-hero .fxew-hero__side-card {
        border-color: #203a4d !important;
    }

    html.fx-global-dark .elementor-widget-fxew-hero .fxew-hero__side-card:first-child {
        border-top-color: #203a4d !important;
    }

    html.fx-global-dark .elementor-widget-fxew-hero .fxew-hero__side-card::after {
        border-color: #203a4d;
        color: #edf5fa;
    }

    html.fx-global-dark .elementor-widget-fxew-hero .fxew-hero__side-content h3 {
        color: #edf5fa !important;
    }

    html.fx-global-dark .elementor-widget-fxew-hero .fxew-hero__side-content .fxew-meta {
        color: #98a9b9 !important;
    }

    html.fx-global-dark .elementor-widget-fxew-hero .fxew-hero__side::before {
        color: #4de3ff;
    }
}