.takaful-ui .takaful-home-hero--photo {
    --hero-fade-direction: 90deg;
    background-image: none;
    isolation: isolate;
}
.takaful-home-hero--photo > .homepage-hero-photo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.takaful-home-hero--photo::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(var(--hero-fade-direction), rgba(255,255,255,.96), rgba(255,255,255,.88) 30%, rgba(255,255,255,.55) 55%, rgba(255,255,255,.22)); }
[dir="rtl"].takaful-home-hero--photo { --hero-fade-direction: 270deg; }
.homepage-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); grid-template-areas: "copy form" "carousel form"; gap: 44px 64px; align-items: start; }
.homepage-hero-copy { grid-area: copy; min-width: 0; }
.homepage-hero-form { grid-area: form; min-width: 0; }
.homepage-hero-carousel { grid-area: carousel; min-width: 0; width: 100%; }
.homepage-hero-carousel .swiper { border-radius: 20px; overflow: hidden; background: white; box-shadow: 0 18px 30px #14243c30; }
.homepage-hero-carousel img { display: block; width: 100%; height: auto; aspect-ratio: 5 / 3; object-fit: cover; }
.homepage-hero-carousel .swiper-button-prev, .homepage-hero-carousel .swiper-button-next { color: white; background: #17354dc7; border: 0; border-radius: 50%; width: 34px; height: 34px; }
.homepage-hero-carousel .swiper-button-prev::after, .homepage-hero-carousel .swiper-button-next::after { font-size: 15px; }
.homepage-hero-carousel .swiper-pagination-bullet-active { background: #139bd3; }
.homepage-hero-copy a:focus-visible { outline: 3px solid #139bd3; outline-offset: 3px; }
@media (max-width: 991.98px) {
    .homepage-hero-grid { grid-template-columns: minmax(0,1fr); grid-template-areas: "copy" "form" "carousel"; gap: 28px; }
    .homepage-hero-carousel { justify-self: center; }
}
@media (prefers-reduced-motion: reduce) {
    .homepage-hero-grid * { animation: none !important; transition: none !important; }
}
.homepage-hero-zoom { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }
.homepage-hero-zoom:focus-visible { outline: 3px solid #139bd3; outline-offset: -3px; }
.homepage-hero-modal .modal-content { position: relative; overflow: hidden; border: 0; border-radius: 20px; background: white; }
.homepage-hero-modal__image { display: block; width: 100%; height: auto; max-height: 85vh; object-fit: contain; }
.homepage-hero-modal__close { position: absolute; top: 12px; inset-inline-end: 12px; z-index: 1; padding: 10px; background-color: white; border-radius: 50%; opacity: .9; box-shadow: 0 4px 12px #14243c40; }
.takaful-ui .homepage-hero-modal__close { filter: none; opacity: .9; }