.aj-hero-slider { position:relative; isolation:isolate; display:grid; min-height:560px; background:#0c1b2d; color:white; touch-action:pan-y; }
.aj-hero-slider__slide { grid-area:1/1; position:relative; display:grid; place-items:center; min-width:0; opacity:0; visibility:hidden; transition:opacity .5s ease, visibility .5s; padding:100px 80px; }
.aj-hero-slider__slide.is-active { opacity:1; visibility:visible; z-index:1; }
.aj-hero-slider picture, .aj-hero-slider picture img, .aj-hero-slider__shade { position:absolute; inset:0; width:100%; height:100%; }
.aj-hero-slider picture img { object-fit:cover; object-position:var(--hero-focus) center; }
.aj-hero-slider__shade { background:linear-gradient(180deg,rgba(6,18,33,var(--hero-overlay)),rgba(6,18,33,.85)); }
.aj-hero-slider__copy { position:relative; text-align:center; max-width:900px; overflow-wrap:anywhere; }
.aj-hero-slider__copy h1, .aj-hero-slider__copy h2 { color:white; font-size:clamp(2.2rem,4.5vw,4.5rem); line-height:1.35; margin:16px 0; }
.aj-hero-slider__lead { font-size:clamp(1.05rem,2vw,1.55rem); line-height:1.8; }
.aj-hero-slider__actions, .aj-slider-editor__actions { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:24px; }
.aj-hero-slider__arrow { direction:ltr; unicode-bidi:isolate; position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:48px; height:48px; border-radius:50%; background:#07172999; color:white; border:1px solid #ffffff70; font-size:32px; cursor:pointer; }
.aj-hero-slider__arrow--previous { left:20px; } .aj-hero-slider__arrow--next { right:20px; }
[dir=rtl] .aj-hero-slider__arrow--previous { left:auto; right:20px; transform:translateY(-50%) scaleX(-1); }
[dir=rtl] .aj-hero-slider__arrow--next { right:auto; left:20px; transform:translateY(-50%) scaleX(-1); }
.aj-hero-slider__controls { position:absolute; z-index:2; bottom:20px; left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:center; gap:4px; flex-wrap:wrap; width:max-content; max-width:90%; }
.aj-hero-slider__controls button { color:white; cursor:pointer; }
.aj-hero-slider__dot { width:28px; height:36px; background:transparent; border:0; display:grid; place-items:center; }
.aj-hero-slider__dot::after { content:''; width:9px; height:9px; background:#ffffff70; border-radius:50%; }
.aj-hero-slider__dot[aria-current=true]::after { background:white; box-shadow:0 0 0 3px #ffffff40; }
.aj-hero-slider [data-hero-toggle] { padding:8px 12px; background:#071729aa; border:1px solid #ffffff70; border-radius:8px; }
.aj-hero-slider button:focus-visible { outline:3px solid white; outline-offset:3px; }
.aj-hero-slider__search { display:flex; align-items:center; gap:20px; padding-block:24px; flex-wrap:wrap; }
.aj-hero-slider__search form { flex:1; min-width:240px; }
.aj-slider-editor__settings { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:18px; }
.aj-slider-editor__settings label { display:flex; flex-direction:column; gap:8px; }
.aj-slider-editor__settings input:not([type=checkbox]):not([type=hidden]) { width:100%; padding:8px; border:1px solid #bcc5ce; border-radius:6px; }
.aj-slider-editor__slide { border:1px solid #d5dde4; border-radius:12px; padding:20px; margin:20px 0; background:var(--aj-color-surface,#fff); }
.aj-slider-editor__actions { justify-content:flex-start; margin:0 0 18px; }
.aj-slider-editor__actions button { cursor:pointer; padding:8px 14px; border:1px solid #bcc5ce; border-radius:6px; }
.aj-slider-editor__previews { display:grid; grid-template-columns:3fr 1fr; gap:20px; margin:20px 0; align-items:start; }
.aj-slider-editor__previews figure { margin:0; min-width:0; }
.aj-slider-editor__crop { position:relative; aspect-ratio:1920/900; background:#122236; overflow:hidden; border-radius:8px; }
.aj-slider-editor__crop--mobile { aspect-ratio:3/4; }
.aj-slider-editor__crop img { width:100%; height:100%; object-fit:cover; }
.aj-slider-editor__crop::after { content:''; position:absolute; inset:0; background:#061221; opacity:var(--preview-overlay,.55); pointer-events:none; }
@media(max-width:767px) { .aj-hero-slider { min-height:600px; } .aj-hero-slider__slide { padding:70px 48px 100px; } .aj-hero-slider picture img { object-position:var(--hero-mobile-focus) center; } .aj-hero-slider__arrow { width:36px; height:44px; } .aj-hero-slider__arrow--previous { left:5px; } .aj-hero-slider__arrow--next { right:5px; } }
@media(prefers-reduced-motion:reduce) { .aj-hero-slider__slide { transition:none; } }
@media(max-width:767px) { [dir=rtl] .aj-hero-slider__arrow--previous { right:5px; } [dir=rtl] .aj-hero-slider__arrow--next { left:5px; } }
