/* DarkMovis Updated Series 1.7 — iOS-safe rounded-square frame and clean clapper. */
.dmus {
    --dmus-red: #ff3048;
    --dmus-red-rgb: 255, 48, 72;
    --dmus-red-deep: #8f001d;
    --dmus-navy: #07101f;
    --dmus-navy-soft: #101e33;
    --dmus-text: #f8fbff;
    --dmus-muted: #929eb0;
    --dmus-gap: 12px;
    --dmus-ease: cubic-bezier(.2, .82, .24, 1);
    position: relative;
    isolation: isolate;
    width: min(calc(var(--dmui-page-width, 100vw) - 34px), 1366px);
    margin: clamp(28px, 4vw, 54px) calc((100% - min(calc(var(--dmui-page-width, 100vw) - 34px), 1366px)) / 2);
    padding: 8px 0 0;
    overflow: visible;
    border: 0;
    color: var(--dmus-text);
    background: transparent;
    box-shadow: none;
    direction: rtl;
    font-family: inherit;
    box-sizing: border-box;
    contain: layout style;
    -webkit-tap-highlight-color: transparent;
}

.elementor-widget-darkmovis_updated_series,
.elementor-widget-darkmovis_updated_series > .elementor-widget-container { overflow: visible !important; }
.dmus *, .dmus *::before, .dmus *::after { box-sizing: border-box; }
.dmus svg { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.dmus button, .dmus a { font: inherit; -webkit-tap-highlight-color: transparent; }
.dmus a { color: inherit; text-decoration: none; }

.dmus::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 4px;
    width: 142px;
    height: 88px;
    opacity: .15;
    background-image: radial-gradient(circle, #fff 1px, transparent 1.5px);
    background-size: 14px 14px;
    transform: rotate(-8deg);
    pointer-events: none;
}

.dmus__header { position: relative; z-index: 2; margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.dmus__heading { position: relative; min-width: 0; display: flex; align-items: center; gap: 12px; }
.dmus__heading-copy { position: relative; min-width: 0; padding-bottom: 9px; display: block; }
.dmus__heading-copy::after { content: ""; position: absolute; right: 0; bottom: 0; width: min(190px, 88%); height: 1px; border-radius: 99px; background: linear-gradient(90deg, transparent, rgba(255, 135, 149, .72), var(--dmus-red)); box-shadow: 0 0 10px rgba(var(--dmus-red-rgb), .48); pointer-events: none; }
.dmus__update-mark { position: relative; width: 60px; height: 60px; flex: 0 0 60px; display: grid; place-items: center; isolation: isolate; color: #ff7b8b; filter: drop-shadow(0 8px 17px rgba(var(--dmus-red-rgb), .2)); animation: dmusUpdateFloat 2.7s ease-in-out infinite; }
.dmus__update-mark::before { content: ""; position: absolute; z-index: -2; inset: 5px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 15px; background: radial-gradient(circle at 76% 16%, rgba(var(--dmus-red-rgb), .18), transparent 43%), linear-gradient(145deg, rgba(24, 42, 68, .94), rgba(7, 15, 28, .97)); box-shadow: inset 0 1px rgba(255, 255, 255, .12), inset 0 -1px rgba(var(--dmus-red-rgb), .08), 0 8px 20px rgba(0, 0, 0, .27); transform: rotate(7deg); }
.dmus__update-stack { position: relative; z-index: 2; width: 34px; height: 34px; display: grid; place-items: center; }
.dmus__series-card { position: relative; z-index: 2; width: 30px; height: 28px; display: block; overflow: visible; border: 1px solid rgba(255, 255, 255, .22); border-radius: 8px; color: #fff; background: linear-gradient(155deg, #152943, #091321 70%); box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 6px 14px rgba(var(--dmus-red-rgb), .23); animation: dmusSeriesCard 2.7s ease-in-out infinite; }
.dmus__series-clap { position: absolute; z-index: 3; top: -3px; right: -1px; left: -1px; height: 9px; border: 1px solid rgba(255, 255, 255, .24); border-radius: 6px 6px 3px 3px; background: repeating-linear-gradient(135deg, #ff5268 0 5px, #fff 5px 8px, #9e0020 8px 13px); box-shadow: 0 3px 8px rgba(var(--dmus-red-rgb), .22); transform-origin: right bottom; animation: dmusSeriesClap 2.7s cubic-bezier(.2, .9, .25, 1) infinite; }
.dmus__series-lines { position: absolute; right: 5px; bottom: 5px; left: 5px; height: 12px; display: flex; flex-direction: column; justify-content: space-between; font-style: normal; }
.dmus__series-lines i { height: 2px; display: block; border-radius: 99px; background: rgba(255, 255, 255, .42); }
.dmus__series-lines i:nth-child(1) { width: 100%; background: linear-gradient(90deg, #ff4057, rgba(255, 255, 255, .55)); }
.dmus__series-lines i:nth-child(2) { width: 72%; }
.dmus__series-lines i:nth-child(3) { width: 46%; }
.dmus__update-spark { position: absolute; z-index: 6; top: 2px; right: 1px; width: 8px; height: 8px; border: 2px solid #07101f; border-radius: 50%; background: #ff3d55; box-shadow: 0 0 0 3px rgba(var(--dmus-red-rgb), .12), 0 0 12px rgba(var(--dmus-red-rgb), .94); animation: dmusUpdateSpark 1.3s ease-in-out infinite; }
.dmus__eyebrow { margin-bottom: 5px; display: inline-flex; align-items: center; gap: 7px; color: #ff8291; font-size: 8px; font-weight: 900; letter-spacing: 1.25px; direction: ltr; }
.dmus__eyebrow > i { width: 6px; height: 6px; border-radius: 50%; background: var(--dmus-red); box-shadow: 0 0 9px rgba(var(--dmus-red-rgb), .8); animation: dmusPulse 2.3s ease-in-out infinite; animation-play-state: paused; }
.dmus.is-inview .dmus__eyebrow > i { animation-play-state: running; }
.dmus__heading h2 { margin: 0; color: #fff; font-size: clamp(20px, 2vw, 28px); font-weight: 950; line-height: 1.45; letter-spacing: -.55px; }
.dmus__heading p { margin: 3px 0 0; color: var(--dmus-muted); font-size: clamp(10px, .9vw, 12px); font-weight: 650; line-height: 1.7; }

.dmus__tools { flex: 0 0 auto; display: flex; align-items: center; gap: 9px; }
.dmus__nav { height: 44px; padding: 3px; display: flex; align-items: center; gap: 3px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 15px; background: rgba(3, 8, 17, .48); box-shadow: inset 0 1px rgba(255, 255, 255, .04); direction: rtl; }
.dmus__nav button { width: 36px; height: 36px; padding: 0; display: grid; place-items: center; border: 1px solid transparent; border-radius: 12px; color: #aab4c4; background: transparent; cursor: pointer; transition: transform .18s var(--dmus-ease), color .18s ease, border-color .18s ease, background .18s ease; }
.dmus__nav button svg { width: 18px; height: 18px; }
.dmus__nav button[data-dmus-prev] svg { transform: rotate(180deg); }
.dmus__nav button:disabled { opacity: .28; cursor: default; }

.dmus__viewport { position: relative; min-width: 0; overflow: hidden; outline: none; }
.dmus__track { display: flex; align-items: stretch; gap: var(--dmus-gap); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-width: none; direction: rtl; touch-action: pan-x pan-y pinch-zoom; }
.dmus__track::-webkit-scrollbar { display: none; }
.dmus__group { flex: 0 0 31%; min-width: 0; display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: var(--dmus-gap); scroll-snap-align: start; scroll-snap-stop: normal; contain: layout paint style; }

.dmus__card { position: relative; min-width: 0; height: 218px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .09); border-radius: 22px; corner-shape: squircle; background: #0a101b; box-shadow: 0 12px 29px rgba(0, 0, 0, .29), inset 0 1px rgba(255, 255, 255, .05); contain: layout paint style; transform: translateZ(0); transition: transform .24s var(--dmus-ease), border-color .2s ease, box-shadow .24s ease; }
.dmus__card > a { position: absolute; inset: 0; display: block; overflow: hidden; border-radius: inherit; }
.dmus__image { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 28%; background: linear-gradient(135deg, #152237, #080d17 55%, #280918); transform: translateZ(0) scale(1.002); transition: transform .5s var(--dmus-ease), filter .32s ease; }
.dmus__image--empty::after { content: "DM"; position: absolute; inset: 0; display: grid; place-items: center; color: rgba(255, 255, 255, .08); font: 950 54px/1 Arial, sans-serif; }
.dmus__veil { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(3, 6, 12, .04) 0%, rgba(4, 8, 16, .16) 30%, rgba(4, 9, 19, .78) 66%, #050b16 100%), linear-gradient(90deg, rgba(4, 10, 21, .12), rgba(var(--dmus-red-rgb), .055)); pointer-events: none; }
.dmus__card > a::before { content: ""; position: absolute; z-index: 3; top: -55%; bottom: -55%; left: -34%; width: 20%; opacity: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent); transform: skewX(-18deg) translateX(-240%); transition: transform .72s var(--dmus-ease), opacity .15s ease; pointer-events: none; }
.dmus__card > a::after { content: ""; position: absolute; z-index: 4; inset: 0; border-radius: inherit; box-shadow: inset 0 1px rgba(255, 255, 255, .08), inset 0 -1px rgba(var(--dmus-red-rgb), .08); pointer-events: none; }

.dmus__topline { position: absolute; z-index: 5; top: 10px; right: 10px; left: 10px; display: flex; align-items: center; justify-content: space-between; gap: 8px; pointer-events: none; }
.dmus__fresh, .dmus__time { min-height: 27px; padding: 4px 8px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 10px; color: #e7edf7; background: rgba(5, 10, 20, .78); box-shadow: inset 0 1px rgba(255, 255, 255, .04); font-size: 7px; font-weight: 850; white-space: nowrap; }
.dmus__fresh { color: #ff9aa5; border-color: rgba(var(--dmus-red-rgb), .22); background: rgba(41, 8, 18, .78); }
.dmus__fresh i { width: 5px; height: 5px; border-radius: 50%; background: var(--dmus-red); box-shadow: 0 0 7px rgba(var(--dmus-red-rgb), .7); }
.dmus__time { color: #b0bbca; }
.dmus__time svg { width: 12px; height: 12px; color: #748399; }

.dmus__content { position: absolute; z-index: 5; right: 13px; bottom: 12px; left: 13px; display: flex; flex-direction: column; align-items: flex-start; }
.dmus__name { width: 100%; overflow: hidden; color: #fff; font-size: 15px; font-weight: 950; line-height: 1.5; letter-spacing: -.25px; text-shadow: 0 3px 15px rgba(0, 0, 0, .7); text-overflow: ellipsis; white-space: nowrap; }
.dmus__update { max-width: 100%; min-height: 25px; margin-top: 3px; padding: 3px 7px; display: inline-flex; align-items: center; gap: 5px; overflow: hidden; border: 1px solid rgba(var(--dmus-red-rgb), .18); border-radius: 9px; color: #ff9da8; background: rgba(var(--dmus-red-rgb), .075); font-size: 8px; font-weight: 850; }
.dmus__update svg { width: 13px; height: 13px; flex: 0 0 auto; }
.dmus__update span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dmus__story { width: 100%; margin-top: 5px; display: -webkit-box; overflow: hidden; color: #aeb8c7; font-size: 8px; font-weight: 600; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.dmus__story--mobile-only { display: none; }
.dmus__action { min-height: 31px; margin: 7px auto 0 0; padding: 4px 5px 4px 10px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255, 255, 255, .13); border-radius: 11px; color: #f9fbff; background: linear-gradient(135deg, rgba(var(--dmus-red-rgb), .22), rgba(var(--dmus-red-rgb), .09)); box-shadow: inset 0 1px rgba(255, 255, 255, .065); font-size: 8px; font-weight: 900; transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s var(--dmus-ease); }
.dmus__action svg { width: 22px; height: 22px; padding: 5px; border-radius: 8px; color: #fff; background: linear-gradient(145deg, #ff566b, #d40a2a); box-shadow: 0 5px 13px rgba(var(--dmus-red-rgb), .22), inset 0 1px rgba(255, 255, 255, .25); }

.dmus__empty { width: min(calc(100% - 24px), 900px); margin: 30px auto; padding: 25px; border: 1px dashed rgba(255, 48, 72, .3); border-radius: 20px; color: #aab3c2; background: #07101f; text-align: center; font: 750 12px/1.8 inherit; }

@media (hover: hover) and (pointer: fine) {
    .dmus__nav button:not(:disabled):hover { color: #fff; border-color: rgba(var(--dmus-red-rgb), .24); background: rgba(var(--dmus-red-rgb), .13); transform: translateY(-1px); }
    .dmus__card:hover { z-index: 2; border-color: rgba(var(--dmus-red-rgb), .36); box-shadow: 0 18px 39px rgba(0, 0, 0, .37), 0 7px 24px rgba(var(--dmus-red-rgb), .08), inset 0 1px rgba(255, 255, 255, .08); transform: translateY(-3px) translateZ(0); }
    .dmus__card:hover .dmus__image { transform: translateZ(0) scale(1.045); filter: saturate(1.04) brightness(.92); }
    .dmus__card:hover > a::before { opacity: 1; transform: skewX(-18deg) translateX(760%); }
    .dmus__card:hover .dmus__action { color: #fff; border-color: rgba(255, 255, 255, .22); background: linear-gradient(135deg, #ff4057, #bd0025); transform: translateX(-2px); }
}

.dmus__nav button:focus-visible, .dmus__card > a:focus-visible { outline: 2px solid #ff6477; outline-offset: 2px; }

@media (max-width: 1100px) {
    .dmus__group { flex-basis: 39%; }
    .dmus__card { height: 205px; }
}

@media (max-width: 767px) {
    .dmus { width: min(calc(var(--dmui-page-width, 100vw) - 18px), 430px); margin: 24px calc((100% - min(calc(var(--dmui-page-width, 100vw) - 18px), 430px)) / 2); padding: 7px 0 0; }
    .dmus::after { width: 84px; height: 54px; opacity: .1; background-size: 12px 12px; }
    .dmus__header { margin-bottom: 13px; align-items: center; gap: 9px; }
    .dmus__heading { gap: 9px; }
    .dmus__update-mark { width: 50px; height: 50px; flex-basis: 50px; }
    .dmus__update-mark::before { border-radius: 12px; }
    .dmus__heading-copy { padding-bottom: 7px; }
    .dmus__heading-copy::after { width: min(145px, 86%); }
    .dmus__update-stack { transform: scale(.82); }
    .dmus__update-spark { top: 1px; right: 0; }
    .dmus__heading h2 { font-size: 17px; }
    .dmus__heading p { max-width: 210px; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .dmus__eyebrow { margin-bottom: 3px; font-size: 6px; letter-spacing: .8px; }
    .dmus__tools, .dmus__nav { display: none; }
    .dmus__group { flex-basis: 84%; gap: 9px; }
    .dmus__track { gap: 9px; }
    .dmus__card { height: 190px; border-radius: 18px; }
    .dmus__topline { top: 8px; right: 8px; left: 8px; }
    .dmus__fresh, .dmus__time { min-height: 24px; padding: 3px 7px; border-radius: 9px; font-size: 6px; }
    .dmus__content { right: 10px; bottom: 9px; left: 10px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: 8px; }
    .dmus__name { grid-column: 1 / -1; font-size: 12px; }
    .dmus__story,
    .dmus__story--mobile-only { grid-column: 1 / -1; width: 100%; margin-top: 3px; display: -webkit-box; visibility: visible; opacity: 1; color: #b8c1cf; font-size: 8px; line-height: 1.55; text-align: right; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .dmus__update { grid-column: 1; grid-row: 3; min-width: 0; max-width: 100%; min-height: 28px; margin-top: 7px; justify-self: start; font-size: 7px; }
    .dmus__action { grid-column: 2; grid-row: 3; min-height: 28px; margin: 7px 0 0; justify-self: end; font-size: 7px; }
    .dmus__action svg { width: 19px; height: 19px; padding: 4px; }
}

@media (max-width: 360px) {
    .dmus__heading p { display: none; }
    .dmus__group { flex-basis: 88%; }
}

html.dmui-low-power .dmus *,
html.dmui-low-power .dmus *::before,
html.dmui-low-power .dmus *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
html.dmui-low-power .dmus__card:hover, html.dmui-low-power .dmus__card:hover .dmus__image { transform: none !important; filter: none !important; }

.dmus.is-observed:not(.is-inview) .dmus__update-mark,
.dmus.is-observed:not(.is-inview) .dmus__series-card,
.dmus.is-observed:not(.is-inview) .dmus__series-clap,
.dmus.is-observed:not(.is-inview) .dmus__update-spark { animation-play-state: paused !important; }

@keyframes dmusPulse {
    0%, 100% { opacity: .55; transform: scale(.82); }
    50% { opacity: 1; transform: scale(1.13); }
}

@keyframes dmusUpdateFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-3px) rotate(-1deg); }
}

@keyframes dmusSeriesCard {
    0%, 60%, 100% { transform: translateY(0) scale(1); }
    72% { transform: translateY(2px) scale(.94); }
    84% { transform: translateY(-1px) scale(1.04); }
}

@keyframes dmusSeriesClap {
    0%, 60%, 100% { transform: rotate(0deg); }
    70% { transform: rotate(0deg); }
    78% { transform: rotate(30deg) translateY(-1px); }
    87% { transform: rotate(-3deg); }
}

@keyframes dmusUpdateSpark {
    0%, 100% { opacity: .55; transform: scale(.78); }
    50% { opacity: 1; transform: scale(1.16); }
}

@media (prefers-reduced-motion: reduce) {
    .dmus *, .dmus *::before, .dmus *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
}

/* v3.5.0 — 30% larger typography on desktop and mobile. */
.dmus__eyebrow { font-size: 11px; }
.dmus__heading h2 { font-size: clamp(26px, 2.6vw, 36px); }
.dmus__heading p { font-size: clamp(13px, 1.17vw, 16px); }
.dmus__fresh,
.dmus__time { font-size: 9px; }
.dmus__name { font-size: 20px; }
.dmus__update,
.dmus__story,
.dmus__action { font-size: 11px; }

@media (max-width: 767px) {
    .dmus__heading h2 { font-size: 22px; }
    .dmus__heading p { font-size: 12px; }
    .dmus__eyebrow { font-size: 8px; }
    .dmus__fresh,
    .dmus__time { font-size: 8px; }
    .dmus__name { font-size: 16px; }
    .dmus__update,
    .dmus__action { font-size: 9px; }
}