/* v0.6.4 - slide panduan dan countdown peristiwa Islam */
.islamic-guidance-slide,.islamic-event-slide,.islamic-event-empty{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 82% 14%,rgba(222,188,100,.24),transparent 25%),linear-gradient(135deg,#02120e,#07503f 58%,#031d17);color:#fff}.islamic-pattern{position:absolute;inset:-20%;opacity:.13;background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0 30px,rgba(255,255,255,.22) 31px 32px);transform:rotate(16deg)}.islamic-crescent{position:absolute;right:7vw;top:7vh;font-size:clamp(120px,20vw,360px);line-height:1;color:rgba(235,201,111,.15)}.islamic-guidance-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:min(74vw,1400px);height:100%;padding:7vh 8vw 13vh}.islamic-guidance-copy>span,.islamic-event-copy>span{font-size:clamp(15px,1.25vw,24px);letter-spacing:.22em;color:#f0cf78}.islamic-guidance-copy h1{max-width:1100px;margin:1.5vh 0 2.4vh;font-size:clamp(44px,5.5vw,104px);line-height:1.02}.islamic-guidance-copy ul{display:grid;gap:1.1vh;margin:0;padding:0;list-style:none;font-size:clamp(22px,2vw,38px)}.islamic-guidance-copy li{position:relative;padding-left:38px}.islamic-guidance-copy li:before{content:'◆';position:absolute;left:0;color:#e6bd58;font-size:.7em}.islamic-guidance-copy footer{margin-top:3vh;padding-top:2vh;border-top:1px solid rgba(255,255,255,.25);font-size:clamp(18px,1.5vw,28px);color:#d9e8e3}.islamic-arabic{margin:2vh 0 1vh;font-family:'Traditional Arabic','Noto Naskh Arabic',serif;font-size:clamp(48px,6vw,112px);line-height:1.5;color:#fff}.islamic-roman{font-size:clamp(20px,1.65vw,31px);font-style:italic;color:#f1d896}.islamic-meaning{max-width:1050px;margin-top:1.2vh;font-size:clamp(23px,2vw,38px);line-height:1.35}.islamic-event-slide{background:radial-gradient(circle at 50% 32%,rgba(228,190,91,.18),transparent 26%),linear-gradient(160deg,#020c09,#083f33 54%,#010706)}.islamic-event-stars{position:absolute;inset:0;opacity:.18;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:46px 46px}.islamic-event-copy{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;padding:5vh 7vw 13vh;text-align:center}.islamic-event-copy h1{margin:1.4vh 0 2vh;font-size:clamp(54px,7vw,130px);line-height:1}.islamic-event-countdown{padding:.3em .7em;border:1px solid rgba(239,202,105,.52);border-radius:24px;background:rgba(0,0,0,.24);box-shadow:0 20px 60px rgba(0,0,0,.26);font-variant-numeric:tabular-nums;font-size:clamp(36px,5vw,92px);font-weight:800;color:#f5d77f}.islamic-event-date{display:flex;align-items:center;gap:22px;margin-top:2.2vh;font-size:clamp(20px,1.7vw,32px)}.islamic-event-date b{color:#f1d078}.islamic-event-copy p{max-width:1050px;margin:2vh 0 1vh;font-size:clamp(22px,1.8vw,34px)}.islamic-event-copy small{color:#a9c5bc;font-size:clamp(14px,1vw,20px)}.islamic-event-empty{display:grid;place-items:center;text-align:center}.islamic-event-empty strong{display:block;font-size:64px}.islamic-event-empty span{font-size:26px;color:#bad0c9}@media(max-width:900px){.islamic-guidance-copy{width:90vw}.islamic-event-date{flex-direction:column;gap:5px}}
.islamic-event-countdown.is-waiting{font-size:clamp(28px,3.8vw,68px);letter-spacing:.16em;color:#d8e9e3}


/* v0.6.4.1 - animasi HTML/CSS ringan untuk slide panduan dan peristiwa Islam */
.islamic-guidance-slide,.islamic-event-slide{isolation:isolate}
.islamic-animated-gradient{position:absolute;inset:-30%;z-index:-1;background:conic-gradient(from 20deg at 60% 45%,rgba(17,119,91,.24),rgba(235,196,94,.13),rgba(7,49,40,.18),rgba(17,119,91,.24));filter:blur(42px);animation:islamicGradientDrift 16s ease-in-out infinite alternate}
.islamic-pattern{animation:islamicPatternFloat 34s linear infinite}
.islamic-crescent{animation:islamicCrescentFloat 7s ease-in-out infinite}
.guidance-scene{position:absolute;z-index:1;right:2vw;top:5vh;width:min(36vw,680px);height:78vh;pointer-events:none;opacity:.95;filter:drop-shadow(0 28px 54px rgba(0,0,0,.28))}
.islamic-guidance-slide.itikaf .islamic-guidance-copy,.islamic-guidance-slide.dua_enter .islamic-guidance-copy{width:min(66vw,1250px)}
.scene-mosque-arch,.itikaf-mihrab{position:absolute;inset:4% 6% 7%;border:2px solid rgba(241,207,120,.26);border-radius:48% 48% 10% 10%/28% 28% 8% 8%;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015));box-shadow:inset 0 0 80px rgba(237,203,110,.08)}
.clean-floor{position:absolute;left:5%;right:2%;bottom:7%;height:35%;border-radius:50% 50% 8% 8%;background:linear-gradient(160deg,rgba(213,234,226,.14),rgba(26,100,80,.05));transform:perspective(520px) rotateX(63deg);overflow:hidden}
.clean-floor:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 52px,rgba(255,255,255,.11) 54px 56px),repeating-linear-gradient(0deg,transparent 0 42px,rgba(255,255,255,.08) 44px 46px);animation:floorGlow 5s ease-in-out infinite}
.clean-sweep{position:absolute;left:12%;bottom:23%;width:72%;height:7%;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),rgba(241,207,120,.42),transparent);filter:blur(8px);animation:cleanSweep 4.2s ease-in-out infinite}
.clean-bin{position:absolute;right:11%;bottom:15%;display:grid;place-items:center;width:86px;height:118px;border:2px solid rgba(242,210,125,.7);border-radius:17px 17px 24px 24px;background:linear-gradient(145deg,#0d6a53,#06392e);color:#f2d27e;font-size:38px;animation:binBreathe 4s ease-in-out infinite}
.clean-sparkles i,.itikaf-particles i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffe7a3;box-shadow:0 0 18px 7px rgba(255,223,133,.5);animation:sparkleRise 5s linear infinite}
.clean-sparkles i:nth-child(3n),.itikaf-particles i:nth-child(3n){left:22%;bottom:20%;animation-delay:-1.2s}.clean-sparkles i:nth-child(3n+1),.itikaf-particles i:nth-child(3n+1){left:55%;bottom:13%;animation-delay:-2.8s}.clean-sparkles i:nth-child(3n+2),.itikaf-particles i:nth-child(3n+2){left:78%;bottom:28%;animation-delay:-4.1s}
.scene-no-smoking{right:3vw;width:min(34vw,620px)}
.prohibition-ring{position:absolute;left:11%;top:14%;width:74%;aspect-ratio:1;border:clamp(18px,2vw,32px) solid #e64848;border-radius:50%;box-shadow:0 0 54px rgba(239,75,75,.3),inset 0 0 28px rgba(239,75,75,.18);animation:warningRingPulse 2.4s ease-in-out infinite}
.prohibition-ring:after{content:'';position:absolute;left:8%;right:8%;top:45%;height:clamp(18px,2vw,32px);border-radius:99px;background:#e64848;transform:rotate(-42deg);box-shadow:0 0 30px rgba(239,75,75,.35)}
.cigarette-symbol{position:absolute;left:25%;top:42%;width:50%;height:42px;transform:rotate(-6deg)}
.cigarette-symbol b{position:absolute;inset:4px 18% 4px 0;border-radius:8px;background:linear-gradient(90deg,#f3eee5 0 72%,#d6a263 72%)}.cigarette-symbol em{position:absolute;right:10%;top:7px;width:20%;height:27px;border-radius:4px;background:#db5d43;box-shadow:18px 0 20px rgba(255,120,72,.4)}
.vape-symbol{position:absolute;left:43%;top:57%;width:90px;height:120px;transform:rotate(8deg)}.vape-symbol b{position:absolute;left:19px;bottom:0;width:55px;height:92px;border-radius:12px;background:linear-gradient(145deg,#dce7e4,#718b84)}.vape-symbol em{position:absolute;left:34px;top:0;width:25px;height:37px;border-radius:7px;background:#263f39}
.smoke-wisps{position:absolute;left:38%;top:16%;width:180px;height:210px;opacity:.65}.smoke-wisps i{position:absolute;bottom:0;width:58px;height:150px;border:11px solid rgba(229,241,237,.42);border-color:rgba(229,241,237,.42) transparent transparent transparent;border-radius:50%;filter:blur(2px);animation:smokeRise 4.8s ease-in-out infinite}.smoke-wisps i:nth-child(2){left:50px;animation-delay:-1.7s}.smoke-wisps i:nth-child(3){left:100px;animation-delay:-3.2s}
.warning-pulse{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(239,71,71,.16),transparent 65%);animation:warningPulse 2.4s ease-in-out infinite}
.scene-dua-enter{right:0;width:min(40vw,760px)}.dua-dome{position:absolute;left:11%;right:11%;top:3%;height:76%;border:3px solid rgba(238,204,111,.34);border-bottom:0;border-radius:50% 50% 0 0/35% 35% 0 0;background:linear-gradient(180deg,rgba(5,29,23,.1),rgba(244,215,137,.08))}.dua-door{position:absolute;top:29%;bottom:8%;width:31%;border:2px solid rgba(241,211,128,.45);background:repeating-linear-gradient(45deg,rgba(225,190,100,.12) 0 8px,rgba(255,255,255,.035) 9px 17px);transform-origin:bottom;animation:doorBreathe 8s ease-in-out infinite}.dua-door.left{left:18%;transform:perspective(700px) rotateY(-34deg)}.dua-door.right{right:18%;transform:perspective(700px) rotateY(34deg);animation-delay:-4s}.dua-light{position:absolute;left:29%;right:29%;top:24%;bottom:9%;background:linear-gradient(180deg,rgba(255,232,167,.62),rgba(255,220,122,.07));clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(7px);animation:duaLight 5s ease-in-out infinite}.dua-lantern{position:absolute;top:13%;color:#f0ca6a;font-size:42px;animation:lanternSwing 4.5s ease-in-out infinite}.dua-lantern.one{left:17%}.dua-lantern.two{right:17%;animation-delay:-2.1s}
.scene-itikaf{right:0;width:min(41vw,780px)}.itikaf-light{position:absolute;left:22%;right:10%;top:8%;bottom:7%;background:radial-gradient(ellipse at 55% 30%,rgba(255,225,149,.35),transparent 57%);animation:itikafLight 6s ease-in-out infinite}.worshipper{position:absolute;left:35%;bottom:18%;width:190px;height:300px;transform-origin:50% 100%;animation:worshipBreath 4.5s ease-in-out infinite}.worshipper-head{position:absolute;left:65px;top:0;width:70px;height:72px;border-radius:50%;background:linear-gradient(150deg,#e9c6a7,#a8765b);box-shadow:inset 8px -5px 0 rgba(255,255,255,.13)}.worshipper-head:before{content:'';position:absolute;inset:-7px -4px auto;height:25px;border-radius:50% 50% 20% 20%;background:#f5f3e9}.worshipper-body{position:absolute;left:27px;top:58px;width:137px;height:205px;border-radius:58% 58% 22% 22%/25% 25% 16% 16%;background:linear-gradient(150deg,#e8eee9,#8fa99f);transform:skewX(-7deg)}.worshipper-arm{position:absolute;right:0;top:118px;width:104px;height:38px;border-radius:30px;background:#c7d7d0;transform:rotate(24deg);transform-origin:left}.quran-stand{position:absolute;right:8%;bottom:17%;width:220px;height:150px;animation:quranFloat 4.5s ease-in-out infinite}.quran-page{position:absolute;top:0;width:104px;height:74px;border:2px solid rgba(211,171,74,.8);background:linear-gradient(#fffdf4,#e6d9ad);box-shadow:0 12px 25px rgba(0,0,0,.25)}.quran-page.left{left:8px;transform:rotate(-8deg) skewY(5deg);border-radius:12px 2px 4px 14px}.quran-page.right{right:8px;transform:rotate(8deg) skewY(-5deg);border-radius:2px 12px 14px 4px}.quran-page:after{content:'';position:absolute;inset:17px 14px;background:repeating-linear-gradient(180deg,#9b7635 0 2px,transparent 3px 9px);opacity:.45}.rehal{position:absolute;left:35px;right:35px;bottom:0;height:78px;border:12px solid #7b4d28;border-top-width:8px;clip-path:polygon(0 0,45% 43%,50% 100%,55% 43%,100% 0,88% 100%,12% 100%)}
.islamic-event-stars{animation:eventStarsDrift 18s linear infinite}.event-islamic-geometry{position:absolute;left:50%;top:50%;width:min(76vw,1180px);aspect-ratio:1;border:2px solid rgba(238,203,110,.13);transform:translate(-50%,-50%) rotate(0);animation:eventGeometrySpin 48s linear infinite}.event-islamic-geometry:before,.event-islamic-geometry:after{content:'';position:absolute;inset:13%;border:2px solid rgba(238,203,110,.12);transform:rotate(45deg)}.event-islamic-geometry:after{inset:29%;border-radius:50%;transform:none}.geometry-two{width:min(54vw,830px);animation-direction:reverse;animation-duration:34s;opacity:.65}.event-crescent{position:absolute;right:7vw;top:5vh;color:rgba(245,211,113,.18);font-size:clamp(150px,23vw,430px);animation:eventCrescentFloat 7s ease-in-out infinite}.event-lantern{position:absolute;top:-18px;color:#efca6e;font-size:72px;filter:drop-shadow(0 8px 17px rgba(234,194,86,.32));transform-origin:50% 0;animation:lanternSwing 5s ease-in-out infinite}.event-lantern:before{content:'';position:absolute;left:50%;bottom:86%;width:2px;height:150px;background:linear-gradient(rgba(237,204,112,.12),rgba(237,204,112,.6))}.event-lantern.lantern-one{left:11%}.event-lantern.lantern-two{right:11%;animation-delay:-2.5s}
@keyframes islamicGradientDrift{to{transform:translate3d(8%,-5%,0) rotate(11deg) scale(1.12)}}
@keyframes islamicPatternFloat{to{transform:rotate(376deg) scale(1.04)}}
@keyframes islamicCrescentFloat{50%{transform:translateY(18px) rotate(-4deg);opacity:.8}}
@keyframes cleanSweep{0%,100%{transform:translateX(-16%);opacity:.2}50%{transform:translateX(18%);opacity:1}}
@keyframes floorGlow{50%{filter:brightness(1.5)}}
@keyframes binBreathe{50%{transform:translateY(-7px)}}
@keyframes sparkleRise{0%{transform:translateY(80px) scale(.3);opacity:0}35%{opacity:1}100%{transform:translateY(-300px) scale(1.3);opacity:0}}
@keyframes warningRingPulse{50%{transform:scale(1.045);filter:brightness(1.22)}}
@keyframes warningPulse{50%{transform:scale(1.13);opacity:.35}}
@keyframes smokeRise{0%{transform:translateY(45px) scale(.65);opacity:0}30%{opacity:.65}100%{transform:translateY(-65px) translateX(25px) scale(1.2);opacity:0}}
@keyframes doorBreathe{50%{filter:brightness(1.25);transform:perspective(700px) rotateY(-26deg)}}
@keyframes duaLight{50%{opacity:.58;transform:scaleX(1.12)}}
@keyframes lanternSwing{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes itikafLight{50%{opacity:.6;transform:scale(1.08)}}
@keyframes worshipBreath{50%{transform:translateY(5px) rotate(.6deg)}}
@keyframes quranFloat{50%{transform:translateY(-5px)}}
@keyframes eventStarsDrift{to{background-position:92px 46px}}
@keyframes eventGeometrySpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes eventCrescentFloat{50%{transform:translateY(18px) rotate(4deg)}}
@media(max-width:1100px){.guidance-scene{opacity:.35;right:-8vw}.islamic-guidance-copy,.islamic-guidance-slide.itikaf .islamic-guidance-copy,.islamic-guidance-slide.dua_enter .islamic-guidance-copy{width:92vw}.islamic-guidance-copy{padding-right:8vw}}
@media(prefers-reduced-motion:reduce){.islamic-guidance-slide *,.islamic-event-slide *{animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* v4.2.37 - lima countdown peristiwa Islam dan tarikh Masihi */
.islamic-events-layout{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;min-height:0;padding:4.5vh 5vw 13vh}
.islamic-events-heading{flex:0 0 auto;text-align:center}.islamic-events-heading>span{font-size:clamp(13px,1vw,20px);font-weight:800;letter-spacing:.22em;color:#f0cf78}.islamic-events-heading h1{margin:.65vh 0 2vh;font-size:clamp(34px,3.5vw,66px);line-height:1.05}
.islamic-events-content{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(18px,2vw,38px);flex:1;min-height:0}
.islamic-event-featured{display:flex;min-height:0;flex-direction:column;justify-content:center;padding:clamp(22px,3vw,52px);border:1px solid rgba(239,202,105,.38);border-radius:clamp(22px,2.4vw,42px);background:linear-gradient(145deg,rgba(3,44,35,.94),rgba(0,13,10,.82));box-shadow:0 28px 80px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08)}
.islamic-event-order{font-size:clamp(12px,.85vw,18px);font-weight:800;letter-spacing:.18em;color:#f0cf78}.islamic-event-featured h2{margin:1.2vh 0 1.6vh;font-size:clamp(42px,4.8vw,88px);line-height:1.02}.islamic-event-featured .islamic-event-countdown{align-self:flex-start;font-size:clamp(30px,3.6vw,68px);white-space:nowrap}.islamic-event-featured .islamic-event-date{justify-content:flex-start;margin-top:1.7vh;font-size:clamp(18px,1.35vw,27px)}.islamic-event-featured p{max-width:900px;margin:1.8vh 0 .8vh;font-size:clamp(18px,1.55vw,30px);line-height:1.35}.islamic-event-featured small{font-size:clamp(12px,.9vw,18px);color:#a9c5bc}
.islamic-event-mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(12px,1.25vw,24px);min-height:0}
.islamic-event-mini-card{position:relative;display:flex;min-height:0;gap:clamp(10px,1vw,18px);padding:clamp(15px,1.5vw,26px);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:clamp(18px,1.7vw,30px);background:linear-gradient(150deg,rgba(5,58,46,.9),rgba(0,18,14,.82));box-shadow:0 18px 50px rgba(0,0,0,.22)}
.islamic-event-mini-number{display:grid;place-items:center;flex:0 0 clamp(34px,3vw,52px);width:clamp(34px,3vw,52px);height:clamp(34px,3vw,52px);border-radius:50%;background:rgba(240,207,120,.14);font-size:clamp(15px,1.2vw,22px);font-weight:900;color:#f4d98e}
.islamic-event-mini-copy{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center}.islamic-event-mini-copy h3{display:-webkit-box;overflow:hidden;margin:0 0 .8vh;font-size:clamp(20px,1.75vw,33px);line-height:1.08;-webkit-box-orient:vertical;-webkit-line-clamp:2}.islamic-event-mini-countdown{font-variant-numeric:tabular-nums;font-size:clamp(18px,1.55vw,30px);font-weight:900;color:#f5d77f}.islamic-event-mini-copy .islamic-event-date{display:flex;align-items:flex-start;flex-direction:column;gap:2px;margin-top:.7vh;font-size:clamp(12px,.82vw,16px);line-height:1.25}.islamic-event-mini-copy .islamic-event-date b{font-size:.9em;letter-spacing:.04em}.islamic-event-no-more{display:grid;grid-column:1/-1;place-items:center;border:1px dashed rgba(255,255,255,.2);border-radius:24px;color:#b7cdc5;font-size:clamp(18px,1.4vw,28px)}
@media(max-width:1100px){.islamic-events-layout{padding-left:4vw;padding-right:4vw}.islamic-events-content{grid-template-columns:1fr 1fr}.islamic-event-featured h2{font-size:clamp(36px,4.3vw,66px)}.islamic-event-featured .islamic-event-countdown{white-space:normal}.islamic-event-mini-list{grid-template-columns:1fr}.islamic-event-mini-card:nth-child(n+4){display:none}}
@media(max-aspect-ratio:4/3){.islamic-events-content{grid-template-columns:1fr}.islamic-event-featured{padding:22px}.islamic-event-mini-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.islamic-event-featured p,.islamic-event-featured small{display:none}}