/* UAE country-page final corner Beam Variant override.
 * Loaded after uae-content.css and the shared story-card layer so the
 * service-page notch treatment cannot be replaced by legacy UAE card rules.
 */
body[data-sd-page="uae-content"] .sd-uae-story-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: linear-gradient(145deg, rgba(255, 62, 62, .22), rgba(255, 118, 62, .08) 48%, rgba(255, 62, 62, .17));
    clip-path: polygon(0 0, calc(50% - 34px) 0, calc(50% - 24px) 10px, calc(50% + 24px) 10px, calc(50% + 34px) 0, 100% 0, 100% 100%, calc(50% + 34px) 100%, calc(50% + 24px) calc(100% - 10px), calc(50% - 24px) calc(100% - 10px), calc(50% - 34px) 100%, 0 100%);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .28), 0 0 15px rgba(255, 62, 62, .08);
    transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
}

body[data-sd-page="uae-content"] .sd-uae-story-card::before {
    content: '';
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    background: conic-gradient(from 35deg, transparent 0 66%, rgba(255, 62, 62, .3) 71%, rgba(255, 118, 62, .82) 77%, #fff 82%, #ffad8d 86%, transparent 93%);
    clip-path: inherit;
    filter: drop-shadow(0 0 5px rgba(255, 62, 62, .9)) drop-shadow(0 0 12px rgba(255, 118, 62, .34));
    animation: sdServicesV2Beam 5.2s linear infinite;
}

body[data-sd-page="uae-content"] .sd-uae-story-card::after {
    content: '';
    position: absolute;
    z-index: 1;
    inset: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    width: auto;
    height: auto;
    opacity: 1;
    pointer-events: none;
    background: linear-gradient(145deg, rgba(25, 10, 18, .98), rgba(9, 10, 20, .99) 58%, rgba(18, 11, 18, .98));
    clip-path: polygon(0 0, calc(50% - 32px) 0, calc(50% - 22px) 8px, calc(50% + 22px) 8px, calc(50% + 32px) 0, 100% 0, 100% 100%, calc(50% + 32px) 100%, calc(50% + 22px) calc(100% - 8px), calc(50% - 22px) calc(100% - 8px), calc(50% - 32px) 100%, 0 100%);
}

body[data-sd-page="uae-content"] .sd-uae-story-card > * {
    position: relative;
    z-index: 2;
}

body[data-sd-page="uae-content"] .sd-uae-story-card:hover,
body[data-sd-page="uae-content"] .sd-uae-story-card:focus-within {
    background: linear-gradient(145deg, rgba(255, 62, 62, .29), rgba(255, 118, 62, .13) 48%, rgba(255, 62, 62, .23));
    box-shadow: 0 22px 44px rgba(0, 0, 0, .38), 0 0 22px rgba(255, 62, 62, .17), 0 0 34px rgba(255, 118, 62, .09);
    filter: saturate(1.07);
    transform: translateY(-4px);
}

@media (max-width: 575.98px) {
    body[data-sd-page="uae-content"] .sd-uae-story-card {
        padding: 1.1rem;
        border-radius: 0;
        clip-path: polygon(0 0, calc(50% - 26px) 0, calc(50% - 18px) 8px, calc(50% + 18px) 8px, calc(50% + 26px) 0, 100% 0, 100% 100%, calc(50% + 26px) 100%, calc(50% + 18px) calc(100% - 8px), calc(50% - 18px) calc(100% - 8px), calc(50% - 26px) 100%, 0 100%);
    }

    body[data-sd-page="uae-content"] .sd-uae-story-card::after {
        clip-path: polygon(0 0, calc(50% - 24px) 0, calc(50% - 16px) 6px, calc(50% + 16px) 6px, calc(50% + 24px) 0, 100% 0, 100% 100%, calc(50% + 24px) 100%, calc(50% + 16px) calc(100% - 6px), calc(50% - 16px) calc(100% - 6px), calc(50% - 24px) 100%, 0 100%);
    }
}

@media (prefers-reduced-motion: reduce) {
    body[data-sd-page="uae-content"] .sd-uae-story-card,
    body[data-sd-page="uae-content"] .sd-uae-story-card::before {
        animation: none;
        transition: none;
    }

    body[data-sd-page="uae-content"] .sd-uae-story-card:hover,
    body[data-sd-page="uae-content"] .sd-uae-story-card:focus-within {
        transform: none;
    }
}