@font-face{font-family:"Thmanyah Sans";src:url(fonts/thmanyahsans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url(fonts/thmanyahsans-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url(fonts/thmanyahsans-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

.alj-home{
  --ink:#1c1552;
  --ink-2:#4d4a72;
  --muted:#8683a3;
  --line:#ebe8f6;
  --bg:#f5f3fd;
  --card:#fff;
  --violet:#6a3de8;
  --violet-2:#8f63f7;
  --violet-ink:#4b22c9;
  --violet-soft:#efeafe;
  --navy:#17114c;
  --green:#1db37a;
  --green-2:#13a06a;
  --r:20px;
  --shadow:0 1px 2px rgba(40,24,110,.04),0 10px 30px -12px rgba(60,34,160,.16);
}
.alj-home, .alj-home *{box-sizing:border-box;margin:0;padding:0}
.alj-home{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
.alj-home{font-family:"Thmanyah Sans",system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:15px;overflow-x:hidden}
.alj-home img{display:block;max-width:100%}
.alj-home a{color:inherit;text-decoration:none}
.alj-home button,.alj-home input,.alj-home select{font:inherit;color:inherit;border:0;background:none}
.alj-home button{cursor:pointer}
.alj-home svg.i{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.alj-home h1,.alj-home h2,.alj-home h3,.alj-home h4{font-weight:700;line-height:1.3}
.alj-home .only-mobile{display:none!important}

/* buttons */
.alj-home .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 22px;border-radius:12px;background:var(--violet);color:#fff;font-weight:700;font-size:15px;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}
.alj-home .btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(106,61,232,.7)}
.alj-home .btn .i{font-size:18px}
.alj-home .btn-sm{height:38px;padding:0 14px;font-size:14px;border-radius:10px;width:100%}
.alj-home .btn-lg{height:60px;font-size:18px;border-radius:14px;padding:0 26px}
.alj-home .btn-lg .i{font-size:24px}
.alj-home .btn-lg .end{margin-inline-start:auto}
.alj-home .btn-violet{background:linear-gradient(90deg,var(--violet-2),var(--violet))}
.alj-home .btn-green{background:linear-gradient(90deg,#27c486,var(--green-2))}
.alj-home .btn-green:hover{box-shadow:0 10px 22px -10px rgba(29,179,122,.7)}
.alj-home .btn-block{width:100%}
.alj-home .btn-glass{height:44px;padding:0 18px;border-radius:999px;background:linear-gradient(90deg,var(--violet-2),var(--violet));box-shadow:0 10px 24px -10px rgba(106,61,232,.9);font-size:14.5px}
.alj-home .btn-white{background:#fff;color:var(--ink);height:54px;padding:0 8px 0 0;padding-inline:26px 7px;border-radius:999px;font-size:16px;gap:16px}
.alj-home .btn-white .arr{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center}

/* ================= HERO ================= */
.alj-home .hero{position:relative;height:430px;overflow:hidden;background:#2b1a6b}
.alj-home .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.alj-home .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,10,60,.35),transparent 30%,transparent 70%,rgba(23,17,76,.55))}
.alj-home .brand-blob{position:absolute;top:0;right:0;width:520px;height:320px;z-index:2}
.alj-home .blob{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 10px 30px rgba(40,20,120,.25))}
.alj-home .logo{position:absolute;top:20px;right:40px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.alj-home .logo img{width:112px;height:auto}
.alj-home .tagline{display:flex;flex-direction:column;align-items:center;gap:3px;white-space:nowrap;line-height:1.2}
.alj-home .tl{display:flex;align-items:center;gap:8px;font-size:14px}
.alj-home .tl b{color:var(--violet-ink);font-weight:700}
.alj-home .tl i{width:5px;height:5px;border-radius:50%;background:var(--violet-2)}
.alj-home .tl span{color:var(--ink);font-weight:500}
.alj-home .tagline small{font-size:8.5px;font-weight:500;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;direction:ltr}
.alj-home .topbar{position:absolute;z-index:3;top:24px;left:40px;display:flex;align-items:center;gap:12px;color:#fff}
.alj-home .top-glass{display:flex;align-items:center;height:44px;padding:0 18px;gap:14px;border-radius:999px;background:rgba(23,17,76,.35);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.alj-home .top-glass .sep{width:1px;height:18px;background:rgba(255,255,255,.3)}
.alj-home .menu-btn{display:none;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:#fff;color:var(--ink);font-weight:700;font-size:14px;box-shadow:0 8px 20px -8px rgba(23,17,76,.5)}
.alj-home .menu-btn .i{font-size:20px;color:var(--violet)}

/* compact sticky header */
.alj-home .stickybar{position:fixed;top:0;left:0;right:0;z-index:50;padding:10px 20px;transform:translateY(-110%);transition:transform .3s ease;pointer-events:none}
.alj-home .stickybar.show{transform:none;pointer-events:auto}
.alj-home .sb-in{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:18px;height:62px;padding:0 12px 0 18px;padding-inline:18px 10px;border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 12px 34px -14px rgba(40,24,110,.35);border:1px solid rgba(255,255,255,.7)}
.alj-home .sb-logo img{height:42px;width:auto}
.alj-home .sb-nav{display:flex;gap:4px;margin-inline-start:12px;flex:1}
.alj-home .sb-nav a{padding:8px 12px;border-radius:10px;font-weight:700;font-size:14.5px;color:var(--ink-2)}
.alj-home .sb-nav a:hover{background:var(--violet-soft);color:var(--violet-ink)}
.alj-home .sb-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--violet);background:var(--violet-soft);font-size:20px}
.alj-home .sb-cta{height:42px;padding:0 16px;font-size:14px;border-radius:12px;background:linear-gradient(90deg,var(--violet-2),var(--violet))}
.alj-home .sb-menu{display:none;width:44px;height:44px;border-radius:12px;background:var(--violet);color:#fff;place-items:center;font-size:22px}
.alj-home .top-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;opacity:.95}
.alj-home .top-link .i{font-size:20px}
.alj-home .top-link:hover{opacity:1;text-decoration:underline}

/* ================= SHELL ================= */
.alj-home .shell{max-width:1320px;margin:-58px auto 0;padding:0 28px;display:grid;grid-template-columns:226px minmax(0,1fr);gap:22px;position:relative;z-index:4}
.alj-home .card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow)}

/* sidebar */
.alj-home .side{display:flex;flex-direction:column;gap:16px}
.alj-home .navbox{background:rgba(255,255,255,.96);border-radius:var(--r);box-shadow:var(--shadow);padding:12px}
.alj-home .nav-head{display:flex;align-items:center;justify-content:space-between}
.alj-home .menu-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;height:50px;border-radius:14px;background:linear-gradient(90deg,var(--violet-2),var(--violet));color:#fff;font-weight:700;font-size:16px}
.alj-home .menu-pill .i{font-size:22px}
.alj-home .nav{display:flex;flex-direction:column;margin-top:8px}
.alj-home .nav a{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:12px;font-weight:700;color:var(--ink);font-size:15px}
.alj-home .nav a .i{font-size:22px;color:var(--violet)}
.alj-home .nav a:hover,.alj-home .nav a.on{background:var(--violet-soft)}
.alj-home .promos{display:flex;flex-direction:column;gap:16px}
.alj-home .promo{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:10px 10px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .2s}
.alj-home .promo:hover{transform:translateY(-2px)}
.alj-home .promo-img{width:100%;height:150px;object-fit:cover;border-radius:14px;margin-bottom:6px}
.alj-home .promo-img.tall{height:170px}
.alj-home .promo h3{font-size:18px}
.alj-home .promo p{font-size:13px;color:var(--ink-2);line-height:1.5;margin-bottom:8px;max-width:150px}
.alj-home .shop3d{width:120px;height:120px;object-fit:contain;margin:-4px 0 0}
.alj-home .promo-quote{position:relative;padding:0;overflow:hidden;min-height:260px;justify-content:flex-end}
.alj-home .promo-quote img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.alj-home .promo-quote::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(23,17,76,.85))}
.alj-home .promo-quote p{position:relative;z-index:1;color:#fff;font-weight:700;font-size:19px;line-height:1.45;max-width:none;margin:0 0 20px}

/* main */
.alj-home .main{display:flex;flex-direction:column;gap:22px;min-width:0}

/* welcome */
.alj-home .welcome{position:relative;background:radial-gradient(120% 140% at 100% 0,#2a1f7a 0,#17114c 55%,#110c3a 100%);color:#fff;border-radius:26px 26px 26px 90px;padding:34px 36px 30px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"text cards" "act act";gap:22px 28px;overflow:hidden;box-shadow:0 24px 50px -24px rgba(23,17,76,.6)}
.alj-home .welcome::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 60% at 10% 100%,rgba(143,99,247,.25),transparent 70%);pointer-events:none}
.alj-home .w-text{grid-area:text;position:relative}
.alj-home .welcome h1{font-size:34px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.alj-home .wave{display:inline-block;font-size:30px;transform-origin:70% 70%;animation:wave 2.4s ease-in-out 1s 2}
@keyframes wave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%,40%{transform:rotate(-8deg)}}
.alj-home .w-sub{font-size:21px;margin-top:6px;color:#e4defd}
.alj-home .w-desc{font-size:14.5px;color:#b9b2e0;margin-top:12px;line-height:1.8}
.alj-home .w-cards{grid-area:cards;display:flex;gap:14px;position:relative}
.alj-home .glass{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px 18px;backdrop-filter:blur(8px);min-width:200px}
.alj-home .t-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.alj-home .t-row div{display:flex;flex-direction:column;font-size:13px;color:#d4cff0;line-height:1.55}
.alj-home .t-row b{font-size:18px;color:#fff}
.alj-home .i.big{font-size:40px;color:var(--violet-2);stroke-width:1.6}
.alj-home .i.big.pin{font-size:34px;color:#a07cff}
.alj-home .t-loc{margin-top:14px}
.alj-home .t-loc small{font-size:12px;color:#a9a3cf}
.alj-home .chip-btn{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;height:38px;border-radius:999px;background:rgba(255,255,255,.1);font-size:13.5px;font-weight:700;transition:background .15s}
.alj-home .chip-btn:hover{background:rgba(255,255,255,.18)}
.alj-home .chip-btn .i{font-size:18px}
.alj-home .weather{display:flex;flex-direction:column;justify-content:space-between}
.alj-home .weather .temp{font-size:34px;line-height:1.1;letter-spacing:-.01em;direction:ltr;text-align:right}
.alj-home .w-city{display:flex;align-items:center;gap:6px;font-weight:700;color:#fff;font-size:15px;margin-top:6px}
.alj-home .w-city .i{color:#fff;font-size:16px}
.alj-home .i.sun{font-size:56px;color:#ffc53d;stroke-width:1.8}
.alj-home .w-foot{border-top:1px solid rgba(255,255,255,.12);padding-top:12px;margin-top:14px;font-size:12.5px;color:#b9b2e0;display:flex;flex-direction:column;gap:2px}
.alj-home .w-foot>b{font-size:15px;color:#fff}
.alj-home .w-foot span b{color:#fff}
.alj-home .w-actions{grid-area:act;display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative}

/* hub */
.alj-home .hub{position:relative;display:grid;grid-template-columns:1fr 250px 1fr;align-items:center;gap:0 28px;padding:18px 0 90px}
.alj-home .hub-lines{position:absolute;inset:18px 0 90px;width:100%;height:calc(100% - 108px);z-index:0}
.alj-home .hub-lines path{fill:none;stroke:#b9a6f7;stroke-width:1.5;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.alj-home .hub-col{display:flex;flex-direction:column;gap:18px;position:relative;z-index:1}
.alj-home .hub-item{display:flex;align-items:center;gap:14px;background:#fff;border-radius:999px;padding:10px 12px 10px 16px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.alj-home .hub-item:hover{transform:translateY(-2px);box-shadow:0 16px 34px -16px rgba(60,34,160,.35)}
.alj-home .hub-ic{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none;box-shadow:0 10px 20px -8px var(--c)}
.alj-home .hub-ic .i{font-size:32px}
.alj-home .c-blue{background:linear-gradient(135deg,#4bb4ff,#1f7fe6);--c:#1f7fe6}
.alj-home .c-orange{background:linear-gradient(135deg,#ffb23f,#f57c0c);--c:#f57c0c}
.alj-home .c-violet{background:linear-gradient(135deg,#9a6bff,#5b2fd6);--c:#5b2fd6}
.alj-home .c-pink{background:linear-gradient(135deg,#ff6fa5,#e93577);--c:#e93577}
.alj-home .c-green{background:linear-gradient(135deg,#34d399,#12a067);--c:#12a067}
.alj-home .hub-t{flex:1;display:flex;flex-direction:column;min-width:0}
.alj-home .hub-t b{font-size:17px}
.alj-home .hub-t small{font-size:13px;color:var(--ink-2);line-height:1.5}
.alj-home .hub-go{width:30px;height:30px;border-radius:50%;background:var(--violet-soft);color:var(--violet);display:grid;place-items:center;flex:none}
.alj-home .hub-core{position:relative;z-index:1;display:grid;place-items:center}
.alj-home .core{width:236px;height:236px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#8f63f7,#5b2fd6 55%,#3d1aa8);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 14px rgba(143,99,247,.12),0 0 0 30px rgba(143,99,247,.06),0 30px 50px -20px rgba(75,34,201,.8)}
.alj-home .core .i{font-size:64px;stroke-width:1.6;margin-bottom:6px}
.alj-home .core b{font-size:36px;line-height:1.2}
.alj-home .core small{font-size:14px;color:#e2dafd;line-height:1.5;margin-top:4px}
.alj-home .skyline{display:block;color:#d9d0fb}
.alj-home .hub-sky{position:absolute;inset:auto 0 0;width:100%;height:110px;z-index:0;opacity:.8}

/* duo */
.alj-home .duo{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:22px}
.alj-home .stack{display:flex;flex-direction:column;gap:22px;min-width:0}
.alj-home .sec-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.alj-home .sec-ic{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--violet-2),var(--violet));color:#fff;display:grid;place-items:center;flex:none}
.alj-home .sec-ic .i{font-size:28px}
.alj-home .sec-head h2{font-size:22px}
.alj-home .sec-head p{font-size:13.5px;color:var(--ink-2)}
.alj-home .all{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;color:var(--violet);font-weight:700;font-size:14px;white-space:nowrap}
.alj-home .all .i{font-size:16px}
.alj-home .events{padding:22px}
.alj-home .ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.alj-home .ev{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;padding-bottom:14px;transition:transform .2s,box-shadow .2s}
.alj-home .ev:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.alj-home .ev-img{position:relative;aspect-ratio:4/3}
.alj-home .ev-img img{width:100%;height:100%;object-fit:cover}
.alj-home .ev-date{position:absolute;top:10px;right:10px;background:#fff;border-radius:10px;min-width:48px;padding:4px 6px 3px;text-align:center;font-size:11px;font-weight:700;line-height:1.2;color:var(--ink);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.alj-home .ev-date b{display:block;font-size:20px}
.alj-home .ev h3{font-size:16px;padding:12px 14px 2px}
.alj-home .loc{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-2)}
.alj-home .loc .i{color:var(--violet);font-size:14px}
.alj-home .ev .loc{padding:0 14px}
.alj-home .tags{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px 0}
.alj-home .tags span,.alj-home .tag{font-size:11.5px;font-weight:500;background:var(--violet-soft);color:var(--violet-ink);padding:3px 10px;border-radius:999px}
.alj-home .street{border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);flex:1;min-height:220px}
.alj-home .street img{width:100%;height:100%;object-fit:cover}

.alj-home .mapcard{padding:22px}
.alj-home .mapcard h2{font-size:22px}
.alj-home .mapcard>p{font-size:13.5px;color:var(--ink-2);margin-bottom:14px}
.alj-home .minimap{position:relative;border-radius:16px;overflow:hidden;height:190px}
.alj-home .minimap>svg{width:100%;height:100%;display:block}
.alj-home .mp{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-100%);color:var(--c);font-size:26px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.2))}
.alj-home .me{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--violet-2),var(--violet));color:#fff;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(106,61,232,.18),0 12px 24px -8px rgba(75,34,201,.7);animation:ping 2.6s ease-out infinite}
.alj-home .me .i{font-size:28px;fill:currentColor;stroke:none}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(106,61,232,.35),0 12px 24px -8px rgba(75,34,201,.7)}80%,100%{box-shadow:0 0 0 22px rgba(106,61,232,0),0 12px 24px -8px rgba(75,34,201,.7)}}
.alj-home .hood-select{position:relative;display:flex;align-items:center;gap:10px;height:52px;border:1px solid var(--line);border-radius:14px;padding:0 14px;margin:14px 0 12px;background:#fff;box-shadow:0 6px 16px -10px rgba(60,34,160,.25);cursor:pointer}
.alj-home .hood-select>.i:first-child{font-size:26px;color:var(--violet)}
.alj-home .hood-select select{flex:1;appearance:none;-webkit-appearance:none;font-weight:700;font-size:15px;cursor:pointer;outline:0;min-width:0}
.alj-home .hood-select .chev{font-size:18px;color:var(--muted);pointer-events:none}
.alj-home .council{padding:22px}
.alj-home .council-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.alj-home .council h2{font-size:22px}
.alj-home .council p{font-size:13.5px;color:var(--ink-2)}
.alj-home .council-ic{font-size:72px;color:var(--violet)}

/* places */
.alj-home .places{padding:22px}
.alj-home .pl-wrap{position:relative}
.alj-home .pl-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*14px)/5);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
.alj-home .pl-row::-webkit-scrollbar{display:none}
.alj-home .pl{scroll-snap-align:start;border:1px solid var(--line);border-radius:16px;overflow:hidden;padding-bottom:12px;background:#fff}
.alj-home .pl-img{aspect-ratio:4/3}
.alj-home .pl-img img{width:100%;height:100%;object-fit:cover}
.alj-home .pl h3{font-size:15px;padding:10px 12px 2px}
.alj-home .rate{display:flex;align-items:center;gap:6px;padding:0 12px;font-size:13px}
.alj-home .stars{display:flex;gap:1px;color:#dcd8ea;font-size:13px}
.alj-home .stars .on{color:#ffb020}
.alj-home .rate small{color:var(--muted)}
.alj-home .pl-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px 0;flex-wrap:wrap}
.alj-home .pl-arrow{position:absolute;top:34%;z-index:2;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--violet);display:grid;place-items:center;box-shadow:0 8px 20px -6px rgba(60,34,160,.35);font-size:20px;transition:opacity .2s}
.alj-home .pl-arrow.prev{right:-16px}
.alj-home .pl-arrow.next{left:-16px}
.alj-home .pl-wrap:not(.is-scrollable) .pl-arrow{display:none}

/* ================= ABOUT ================= */
.alj-home .about{margin:44px 0 0;display:grid;grid-template-columns:1fr 1fr;min-height:360px;background:linear-gradient(120deg,#5a2fd6,#7b4df0 60%,#6a3de8)}
.alj-home .about-media{position:relative;clip-path:ellipse(100% 120% at 0 50%);overflow:hidden}
.alj-home .about-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.alj-home .about-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,17,76,.1),rgba(23,17,76,.25))}
.alj-home .play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;color:#fff;background:rgba(23,17,76,.45);backdrop-filter:blur(6px);padding:10px 22px 10px 10px;padding-inline:10px 24px;border-radius:999px;text-align:right}
.alj-home .play-ic{width:62px;height:62px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-size:26px;box-shadow:0 0 0 8px rgba(255,255,255,.2);transition:transform .2s}
.alj-home .play:hover .play-ic{transform:scale(1.06)}
.alj-home .play b{display:block;font-size:19px;white-space:nowrap}
.alj-home .play small{font-size:13px;color:#ddd6ff;white-space:nowrap}
.alj-home .about-text{color:#fff;padding:54px 64px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}
.alj-home .kicker{font-size:18px;color:#e2dafd}
.alj-home .about-text h2{font-size:40px}
.alj-home .about-text p{font-size:16px;line-height:1.9;color:#ece7ff;margin-bottom:12px}

/* ================= VALUES ================= */
.alj-home .values{max-width:1180px;margin:0 auto;padding:40px 28px 10px;display:grid;grid-template-columns:repeat(4,1fr)}
.alj-home .val{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:8px 16px}
.alj-home .val+.val{border-inline-start:1px solid var(--line)}
.alj-home .val .i{font-size:40px;color:var(--violet);margin-bottom:6px}
.alj-home .val b{font-size:17px}
.alj-home .val small{font-size:13.5px;color:var(--ink-2)}

/* ================= CITIES ================= */
.alj-home .cities{position:relative;padding:40px 28px 210px;overflow:hidden}
.alj-home .cities-sky{position:absolute;inset:auto 0 110px;width:100%;height:190px;opacity:.55}
.alj-home .cities-in{position:relative;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;align-items:center;gap:30px}
.alj-home .cities-main{text-align:center}
.alj-home .cities h2{font-size:30px}
.alj-home .cities-main>p{color:var(--ink-2);margin:6px 0 22px}
.alj-home .city-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.alj-home .city-pills button{display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 24px;border-radius:999px;background:#fff;box-shadow:var(--shadow);font-weight:700;font-size:16px;transition:transform .15s,background .15s}
.alj-home .city-pills button .i{font-size:26px;color:var(--violet)}
.alj-home .city-pills button:hover{transform:translateY(-2px)}
.alj-home .city-pills button.on{background:linear-gradient(90deg,var(--violet-2),var(--violet));color:#fff}
.alj-home .city-pills button.on .i{color:#fff}
.alj-home .ksa{position:relative;display:flex;align-items:center;gap:10px}
.alj-home .ksa-map{position:relative;flex:none;width:150px}
.alj-home .ksa-map>svg{width:150px;display:block}
.alj-home .ksa path{fill:#e6e0fb;stroke:#fff;stroke-width:2}
.alj-home .ksa-pin{position:absolute;left:calc(var(--x)/205*150px);top:calc(var(--y)/170*124.4px);transform:translate(-50%,-100%);color:var(--violet);font-size:28px;transition:left .5s,top .5s;filter:drop-shadow(0 4px 4px rgba(75,34,201,.35))}
.alj-home .ksa p{font-size:13.5px;font-weight:700;color:var(--ink-2);line-height:1.6}
.alj-home .ksa p .i{color:var(--violet);vertical-align:-2px}
.alj-home .ksa{direction:ltr}
.alj-home .ksa p{direction:rtl}

/* ================= FOOTER ================= */
.alj-home .foot{position:relative;background:#1b1454;color:#d6d1f3;margin-top:-80px;padding-top:40px}
.alj-home .foot-wave{position:absolute;left:0;right:0;top:-110px;width:100%;height:120px}
.alj-home .foot-in{position:relative;max-width:1240px;margin:0 auto;padding:10px 28px 30px;display:grid;grid-template-columns:1.1fr .8fr .8fr .8fr 1.5fr;gap:32px}
.alj-home .f-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.alj-home .f-brand img{width:96px}
.alj-home .f-brand>b{color:#fff;font-size:14px}
.alj-home .socials{display:flex;gap:8px}
.alj-home .socials a{width:34px;height:34px;border-radius:50%;background:rgba(143,99,247,.3);display:grid;place-items:center;color:#fff;font-size:16px;transition:background .15s}
.alj-home .socials a:hover{background:var(--violet)}
.alj-home .qr{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:12px;text-align:right;line-height:1.5}
.alj-home .qr img{width:72px;height:72px;background:#fff;border-radius:10px;padding:5px}
.alj-home .f-col{display:flex;flex-direction:column;gap:9px;font-size:14px}
.alj-home .foot h4{color:#fff;font-size:16px;position:relative;padding-bottom:10px;margin-bottom:6px}
.alj-home .foot h4::after{content:"";position:absolute;bottom:0;right:0;width:28px;height:3px;border-radius:3px;background:var(--violet-2)}
.alj-home .f-col a:hover{color:#fff}
.alj-home .f-news{position:relative}
.alj-home .f-news .plane{position:absolute;left:0;top:0;font-size:44px;color:var(--violet-2);transform:rotate(-8deg)}
.alj-home .f-news p{font-size:13.5px;line-height:1.7;margin:4px 0 14px;max-width:320px}
.alj-home .news{position:relative;display:flex;align-items:center;height:50px;background:#fff;border-radius:12px;padding-inline:14px 5px;gap:8px;color:var(--ink)}
.alj-home .news>.i{font-size:20px;color:var(--violet)}
.alj-home .news input{flex:1;min-width:0;outline:0;font-size:14px}
.alj-home .news .btn{height:40px;border-radius:9px;padding:0 20px}
.alj-home .news-ok{display:none;position:absolute;inset:0;border-radius:12px;background:#fff;color:var(--green-2);font-weight:700;align-items:center;justify-content:center}
.alj-home .news.done .news-ok{display:flex}
.alj-home .f-news>small{display:block;font-size:11.5px;color:#9f98cc;margin-top:8px}
.alj-home .stores{display:flex;gap:10px;margin-top:16px}
.alj-home .store-b{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:10px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.25);direction:ltr;font-weight:700;font-size:15px;line-height:1.05}
.alj-home .store-b .i{font-size:24px}
.alj-home .store-b small{display:block;font-size:9.5px;font-weight:500}
.alj-home .foot-bar{border-top:1px solid rgba(255,255,255,.1);max-width:1240px;margin:0 auto;padding:18px 28px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#a8a1d4}
.alj-home .heart{color:#ff4d6d;vertical-align:-2px}
.alj-home .made a{color:#fff;font-weight:700;border-bottom:1px solid rgba(255,255,255,.35)}
.alj-home .made a:hover{border-color:#fff}
.alj-home .f-links{display:flex;gap:18px}
.alj-home .f-links a:hover{color:#fff}

/* ================= RESPONSIVE ================= */
@media (max-width:1240px){
  .alj-home .shell{grid-template-columns:200px minmax(0,1fr);padding:0 20px;gap:18px}
  .alj-home .hub{grid-template-columns:1fr 200px 1fr;gap:0 18px}
  .alj-home .core{width:196px;height:196px}
  .alj-home .core b{font-size:30px}.alj-home .core .i{font-size:50px}
  .alj-home .hub-ic{width:58px;height:58px}.alj-home .hub-ic .i{font-size:26px}
  .alj-home .w-cards .glass{min-width:180px}
}
@media (max-width:1080px){
  .alj-home .only-mobile{display:inline-flex!important}
  .alj-home .hero{height:360px}
  .alj-home .brand-blob{width:430px;height:270px}
  .alj-home .logo{top:16px;right:26px}.alj-home .logo img{width:88px}
  .alj-home .tl{font-size:13px}
  .alj-home .topbar{left:20px;top:20px}
  .alj-home .menu-btn{display:inline-flex}
  .alj-home .top-glass{display:none}
  .alj-home .sb-nav,.alj-home .sb-icon{display:none}
  .alj-home .sb-in{justify-content:space-between}
  .alj-home .sb-cta{margin-inline-start:auto}
  .alj-home .sb-menu{display:grid}
  .alj-home .nav-extra{flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
  .alj-home .nav-row{display:flex;justify-content:space-between}
  .alj-home .nav-row a{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;padding:6px 4px}
  .alj-home .nav-row .i{font-size:20px;color:var(--violet)}
  .alj-home .top-link{white-space:nowrap}
  .alj-home .shell{display:flex;flex-direction:column;z-index:auto}
  .alj-home .side{order:2;display:contents}
  .alj-home .navbox{position:fixed;inset:0 0 0 auto;width:min(300px,84vw);z-index:60;border-radius:0;transform:translateX(105%);transition:transform .28s ease;display:flex;flex-direction:column;padding:16px;box-shadow:-20px 0 40px rgba(23,17,76,.25)}
  .alj-home .navbox.open{transform:none}
  .alj-home .nav-close{width:44px;height:44px;border-radius:12px;background:var(--violet-soft);color:var(--violet);align-items:center;justify-content:center;font-size:22px;margin-inline-start:10px}
  .alj-home .scrim{position:fixed;inset:0;background:rgba(23,17,76,.4);z-index:55}
  .alj-home .promos{order:3;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .alj-home .promo-quote{min-height:0}
  .alj-home .main{order:1}
  .alj-home .welcome{grid-template-columns:1fr;grid-template-areas:"text" "cards" "act";border-radius:24px 24px 24px 60px}
  .alj-home .w-cards .glass{flex:1}
  .alj-home .duo{grid-template-columns:1fr 1fr}
  .alj-home .duo{grid-template-columns:1fr}
  .alj-home .duo>.stack:last-child{display:grid;grid-template-columns:1fr 1fr;align-items:start}
  .alj-home .street{display:none}
  .alj-home .pl-row{grid-auto-columns:calc((100% - 2*14px)/3.2)}
  .alj-home .hub{grid-template-columns:1fr 1fr;grid-template-areas:"core core" "a b";gap:22px 18px;padding-bottom:80px}
  .alj-home .hub-core{grid-area:core}
  .alj-home .hub-col:first-of-type{grid-area:a}
  .alj-home .hub-lines{display:none}
  .alj-home .about-text{padding:44px 36px}
  .alj-home .about-text h2{font-size:32px}
  .alj-home .foot-in{grid-template-columns:1fr 1fr 1fr;row-gap:36px}
  .alj-home .f-brand{grid-column:1/-1}
  .alj-home .f-news{grid-column:1/-1}
  .alj-home .cities-in{grid-template-columns:1fr}
  .alj-home .ksa{justify-content:center;order:2}
}
@media (max-width:720px){
  .alj-home{font-size:14.5px}
  .alj-home .hero{height:300px}
  .alj-home .hero-bg{object-position:38% 60%}
  .alj-home .brand-blob{width:250px;height:176px}
  .alj-home .logo{top:12px;right:20px;gap:5px}.alj-home .logo img{width:62px}
  .alj-home .tl{font-size:11px;gap:6px}.alj-home .tl i{width:4px;height:4px}
  .alj-home .topbar{left:14px;top:16px;gap:8px}
  .alj-home .top-glass,.alj-home .topbar .btn-glass{display:none}
  .alj-home .stickybar{padding:8px 10px}
  .alj-home .sb-in{height:56px;border-radius:16px;gap:10px;padding-inline:12px 7px}
  .alj-home .sb-logo img{height:36px}
  .alj-home .sb-cta{padding:0 12px;font-size:13px;height:40px}
  .alj-home .shell{padding:0 14px;margin-top:-44px;gap:16px}
  .alj-home .main{gap:16px}
  .alj-home .welcome{padding:24px 20px;gap:18px;border-radius:22px 22px 22px 44px}
  .alj-home .welcome h1{font-size:26px}
  .alj-home .w-sub{font-size:17px}
  .alj-home .w-desc br{display:none}
  .alj-home .w-cards{flex-direction:column}
  .alj-home .w-actions{grid-template-columns:1fr;gap:10px}
  .alj-home .btn-lg{height:54px;font-size:16px}
  .alj-home .hub{grid-template-columns:1fr;grid-template-areas:"core" "a" "b";padding:6px 0 70px;gap:14px}
  .alj-home .hub-col{gap:12px}
  .alj-home .core{width:180px;height:180px}
  .alj-home .hub-sky{height:70px}
  .alj-home .duo{gap:16px}
  .alj-home .duo>.stack:last-child{grid-template-columns:1fr}
  .alj-home .stack{gap:16px}
  .alj-home .events,.alj-home .mapcard,.alj-home .council,.alj-home .places{padding:16px}
  .alj-home .ev-grid{grid-template-columns:1fr}
  .alj-home .ev{display:grid;grid-template-columns:120px 1fr;grid-template-areas:"img t" "img l" "img g";padding:0;align-content:start}
  .alj-home .ev-img{grid-area:img;aspect-ratio:auto;height:100%;min-height:118px}
  .alj-home .ev h3{grid-area:t;padding:10px 12px 0}
  .alj-home .ev .loc{grid-area:l;padding:0 12px}
  .alj-home .ev .tags{grid-area:g;padding:6px 12px 10px}
  .alj-home .ev-date{top:8px;right:8px;min-width:40px}
  .alj-home .ev-date b{font-size:16px}
  .alj-home .sec-head{flex-wrap:wrap;gap:10px 12px}
  .alj-home .sec-ic{width:46px;height:46px}.alj-home .sec-ic .i{font-size:22px}
  .alj-home .sec-head h2{font-size:19px}
  .alj-home .pl-row{grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;overflow:visible}
  .alj-home .pl-arrow{display:none!important}
  .alj-home .pl h3{font-size:14px}
  .alj-home .promos{grid-template-columns:1fr 1fr;gap:12px}
  .alj-home .promo-img,.alj-home .promo-img.tall{height:120px}
  .alj-home .shop3d{width:96px;height:96px}
  .alj-home .promo h3{font-size:16px}
  .alj-home .about{grid-template-columns:1fr;margin-top:30px}
  .alj-home .about-media{clip-path:none;min-height:230px}
  .alj-home .about-text{padding:34px 20px 40px;align-items:center;text-align:center}
  .alj-home .about-text h2{font-size:28px}
  .alj-home .about-text p br{display:none}
  .alj-home .values{grid-template-columns:1fr 1fr;row-gap:22px;padding:30px 14px 0}
  .alj-home .val:nth-child(3){border-inline-start:0}
  .alj-home .cities{padding:30px 14px 130px}
  .alj-home .cities h2{font-size:22px}
  .alj-home .city-pills{gap:8px}
  .alj-home .city-pills button{height:48px;padding:0 16px;font-size:15px}
  .alj-home .city-pills button .i{font-size:20px}
  .alj-home .foot-in{grid-template-columns:1fr 1fr;padding:10px 16px 24px;gap:28px 18px}
  .alj-home .f-col:last-of-type{grid-column:1/-1}
  .alj-home .foot-bar{flex-direction:column;text-align:center;padding:16px}
  .alj-home .stores{flex-wrap:wrap}
}
@media (max-width:400px){
  .alj-home .brand-blob{width:220px}
  .alj-home .sb-cta{display:none}
}
@media (prefers-reduced-motion:reduce){.alj-home, .alj-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.alj-home{width:100%;min-height:100vh;overflow:hidden}
.alj-home .sb-logo{display:flex;align-items:center;gap:8px;color:#4b22c9;font-weight:700;font-size:21px;line-height:1}
.alj-home .sb-logo img{height:42px;width:auto}
.alj-home .sb-logo small{display:block;font-size:8px;letter-spacing:.16em;direction:ltr;text-align:center;margin-top:3px}
.alj-home .alj-empty{grid-column:1/-1;padding:28px;text-align:center;color:var(--muted);background:#fff;border-radius:14px}
.alj-home .alj-image-placeholder{width:100%;height:100%;min-height:100px;background:linear-gradient(135deg,#e5dafa,#f8f6ff);display:grid;place-items:center;color:var(--violet)}
.alj-home .alj-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.alj-home .alj-news-status{margin:8px 0 0;color:#fff;font-weight:700}
.alj-home a[href="#"],.alj-home a[aria-disabled="true"]{opacity:.68;cursor:not-allowed}
@media(max-width:720px){.alj-home .sb-logo{font-size:17px}.alj-home .sb-logo img{height:36px}}

/* Full width whatever the Elementor container says (boxed width, 10px default padding). */
.e-con:has(>.elementor-widget-aljeeraan-home),.e-con:has(>.e-con-inner>.elementor-widget-aljeeraan-home){--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--content-width:100%;--container-max-width:100%;padding:0!important;max-width:100%!important}
.e-con:has(>.e-con-inner>.elementor-widget-aljeeraan-home)>.e-con-inner{max-width:100%!important;padding:0!important}
.elementor-widget-aljeeraan-home{width:100%!important;max-width:100%!important}

/* The footer on pages that are not built with our widgets. */
.alj-home.alj-gfoot{min-height:0;background:transparent;overflow:hidden;clear:both}
.alj-gfoot .gfoot-top{position:relative;height:230px;background:linear-gradient(180deg,rgba(243,239,253,0),#f1ecfd 70%)}
.alj-gfoot .gfoot-top .skyline{position:absolute;inset:auto 0 70px;width:100%;height:150px;opacity:.55}
@media (max-width:720px){.alj-gfoot .gfoot-top{height:150px}.alj-gfoot .gfoot-top .skyline{height:90px;bottom:70px}}
/* theme form styles must not leak into the newsletter form (MyListing, block themes) */
.alj-home .news input[type=email]{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;height:auto!important;min-height:0!important;color:var(--ink)!important;font:inherit!important;font-size:14px!important}
.alj-home .news button.btn{background:var(--violet)!important;color:#fff!important;border:0!important;box-shadow:none!important;margin:0!important;height:40px!important;min-height:0!important;padding:0 20px!important;border-radius:9px!important;font:inherit!important;font-weight:700!important;font-size:15px!important;letter-spacing:normal!important;text-transform:none!important;width:auto!important}
/* MyListing paints every <p> dark (a, p {color:#242429}); our text takes its section's colour instead. */
.alj-home p{color:inherit}


/* Aljeeraan layout repair — 2026-10-09. Only full-page Aljeeraan Canvas widgets. */
body.elementor-template-canvas .elementor .e-con:has(.elementor-widget-aljeeraan-page),
body.elementor-template-canvas .elementor .e-con:has(.elementor-widget-aljeeraan-home){
  --padding-top:0px;
  --padding-right:0px;
  --padding-bottom:0px;
  --padding-left:0px;
  --container-max-width:100%;
  padding:0!important;
  margin:0!important;
  width:100%;
  max-width:none;
  gap:0;
}
body.elementor-template-canvas .elementor .e-con-inner:has(.elementor-widget-aljeeraan-page),
body.elementor-template-canvas .elementor .e-con-inner:has(.elementor-widget-aljeeraan-home){
  padding:0!important;
  max-width:none;
  width:100%;
}
@media(max-width:1080px){
  .alj-home .scrim{z-index:10000}
  .alj-home .navbox{
    z-index:10010;
    top:var(--aljc-admin-offset,0px);
    max-height:calc(100dvh - var(--aljc-admin-offset,0px));
    overflow-y:auto;
    overscroll-behavior:contain;
    background:#fff;
  }
}

/* Keep all header actions inside narrow phone screens. */
@media(max-width:400px){
  .aljc-hdr-in{padding:0 6px;gap:6px}
  .aljc-hdr-actions{gap:4px}
  .aljc-hdr-login,.aljc-hdr-lang{padding-inline-end:4px}
  .aljc-header button.aljc-hdr-menu{margin-inline-end:0}
  .aljc-header .aljc-hdr-add{padding:0 8px;font-size:12px;gap:4px}
}