.osg-site-shell{--osg-bg:#071326;--osg-surface:#0d2039;--osg-line:#294362;--osg-text:#f5f8ff;--osg-muted:#b7c8df;--osg-purple:#8157ff;--osg-cyan:#25e7ff;color:var(--osg-text);font:15px/1.45 Arial,Helvetica,sans-serif}
.osg-site-shell *{box-sizing:border-box}
.osg-site-shell a{color:inherit;text-decoration:none}
.osg-site-shell button,.osg-site-shell input{font:inherit}
.osg-site-shell .osg-wrap{width:min(1180px,calc(100% - 28px));margin-inline:auto}
.osg-site-shell .osg-intro-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Baris informasi dinamis: tanggal/jam, salat, cuaca, dan sosial */
.osg-site-shell .osg-topbar{position:relative;z-index:5;background:#03080f;border-bottom:1px solid #233a58}
.osg-site-shell .osg-toprow{display:grid;grid-template-columns:auto minmax(320px,1fr) auto auto;align-items:center;gap:12px;min-height:50px;padding:7px 0;color:#e9eff8;font-size:11px}
.osg-site-shell .osg-live-date{display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.osg-site-shell .osg-location{font-size:11px;color:#e8edf5}
.osg-site-shell .osg-date-time{display:flex;align-items:center;gap:5px;color:#d2def0;font-size:10px}
.osg-site-shell .osg-date-time time{font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.osg-site-shell .osg-separator{color:#65768e}
.osg-site-shell .osg-prayer-ribbon{position:relative;min-width:0;display:flex;align-items:center;gap:7px}
.osg-site-shell .osg-ribbon-label{flex:none;color:#ffc94f;font-size:9px;font-weight:800;letter-spacing:.08em}
.osg-site-shell .osg-prayer-grid{display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:none}
.osg-site-shell .osg-prayer-grid::-webkit-scrollbar{display:none}
.osg-site-shell .osg-prayer-grid .osg-prayer{flex:0 0 auto;min-width:40px;text-align:center;padding:3px 3px;border:0;border-left:1px solid #273a52;border-radius:0;background:transparent}
.osg-site-shell .osg-prayer-grid .osg-prayer span{display:block;color:#aebed2;font-size:9px}
.osg-site-shell .osg-prayer-grid .osg-prayer b{display:block;color:#fff;font-size:10px;font-variant-numeric:tabular-nums}
.osg-site-shell .osg-prayer-loading{color:#9fb1c7;font-size:10px}
.osg-site-shell .osg-weather-mini{display:flex;align-items:center;gap:7px;white-space:nowrap}
.osg-site-shell .osg-weather-mini .osg-weather-icon{font-size:22px;line-height:1}
.osg-site-shell .osg-weather-summary{display:flex;flex-direction:column;gap:1px}
.osg-site-shell .osg-weather-summary b{font-size:12px;color:#fff}
.osg-site-shell .osg-weather-summary span{font-size:9px;color:#d2def0}
.osg-site-shell .osg-weather-summary small{display:none}
.osg-site-shell .osg-socials{display:flex;align-items:center;gap:6px}
.osg-site-shell .osg-social{width:29px;height:29px;display:grid;place-items:center;border-radius:6px;background:#15243a;font-weight:800;font-size:15px}
.osg-site-shell .osg-youtube{background:#e42335;color:#fff}
.osg-site-shell .osg-tiktok{color:#fff}
.osg-site-shell .osg-facebook{background:#1768c7;color:#fff}
.osg-site-shell .osg-instagram{background:linear-gradient(135deg,#7738c8,#ed496b,#f3a447);color:#fff}
.osg-site-shell .osg-social:hover{filter:brightness(1.18)}
.osg-site-shell .osg-location-settings{position:relative;flex:none;width:auto;margin:0}
.osg-site-shell .osg-location-settings summary{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 6px;border:1px solid #31465f;border-radius:5px;color:#bac8db;font-size:9px;cursor:pointer;list-style:none}
.osg-site-shell .osg-location-settings summary::-webkit-details-marker{display:none}
.osg-site-shell .osg-location-settings summary:after{content:" ▾"}
.osg-site-shell .osg-location-controls{position:absolute;top:calc(100% + 7px);right:0;z-index:20;display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:min(430px,calc(100vw - 24px));padding:11px;border:1px solid #294362;border-radius:9px;background:#0d2039;box-shadow:0 10px 24px #0008;font-size:11px}
.osg-site-shell .osg-location-controls input{flex:1 1 140px;min-width:120px;padding:7px 9px;border:1px solid #365276;border-radius:6px;background:#0b1b30;color:#fff}
.osg-site-shell .osg-location-controls button{padding:7px 9px;border:0;border-radius:6px;background:#176fc8;color:#fff;font-size:11px;font-weight:700;cursor:pointer}
.osg-site-shell .osg-location-controls .osg-location-button{background:#263f91}
.osg-site-shell .osg-prayer-status,.osg-site-shell .osg-prayer-date,.osg-site-shell .osg-prayer-zone{color:#bac8db;font-size:10px}

/* Banner header desktop; logo transparan untuk ukuran ponsel */
.osg-site-shell .osg-brandbar{background:linear-gradient(110deg,#040a12,#0a1c31 60%,#050a12);border-bottom:1px solid #294362}
.osg-site-shell .osg-brandrow{position:relative;min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px 0}
.osg-site-shell .osg-brand-image{display:flex;align-items:center;min-width:0;flex:1 1 auto}
.osg-site-shell .osg-brand-image img{display:block;width:100%;height:auto;max-height:145px;object-fit:contain}
.osg-site-shell .osg-brand-image-mobile{display:none}
.osg-site-shell .osg-searchbox{flex:0 1 390px;display:flex;align-items:stretch;gap:0;min-width:230px;height:48px;border:2px solid #1685ee;border-radius:9px;overflow:hidden;background:#f7f8fb}
.osg-site-shell .osg-searchbox input{width:100%;min-width:0;padding:0 14px;border:0;outline:0;background:#f7f8fb;color:#172336;font-size:14px}
.osg-site-shell .osg-searchbox input::placeholder{color:#697487}
.osg-site-shell .osg-searchbox button{width:54px;flex:none;border:0;background:#0878df;color:#fff;font-size:24px;font-weight:700;cursor:pointer}
.osg-site-shell .osg-menu-toggle{display:none}.osg-site-shell .osg-mobile-menu{display:none}
.osg-site-shell .osg-search-toggle{display:none}
.osg-site-shell .osg-header-ad{width:min(728px,calc(100% - 16px));min-height:50px;margin:8px auto;display:grid;justify-items:center;align-content:center;gap:3px;text-align:center}
.osg-site-shell .osg-header-ad-label{color:#9fb1c7;font-size:9px;line-height:1}
.osg-site-shell .osg-header-ad-slot{display:flex;justify-content:center;align-items:center;width:100%;max-width:728px;min-height:50px;overflow:hidden}
.osg-site-shell .osg-header-ad-slot script{display:block}

/* Navigasi kategori */
.osg-site-shell .osg-navbar{background:#0c1e37;border-bottom:2px solid #1685ee}
.osg-site-shell .osg-nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.osg-site-shell .osg-nav::-webkit-scrollbar{display:none}
.osg-site-shell .osg-nav a{flex:0 0 auto;white-space:nowrap;padding:12px 11px;color:#e3ebf8;font-size:12px;font-weight:800}
.osg-site-shell .osg-nav a:first-child{background:#0878df;border-radius:5px 5px 0 0}
.osg-site-shell .osg-nav a:hover,.osg-site-shell .osg-nav a.active{background:#17385c;color:#fff}
.osg-site-shell .osg-site-header a:focus-visible,.osg-site-shell .osg-site-header button:focus-visible,.osg-site-shell .osg-site-header input:focus-visible{outline:2px solid var(--osg-cyan);outline-offset:2px}

/* Header ringkas sticky: ponsel mempertahankan logo+navigasi; desktop menyisakan logo+pencarian. */
.osg-site-shell .osg-site-header.osg-header-fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:950!important;background:#07162b;box-shadow:0 8px 26px #0007}
.osg-header-spacer{display:block;width:100%;height:0;pointer-events:none}
.osg-site-shell .osg-mobile-menu .osg-menu-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #456184;border-radius:9px;background:#162f50;color:#fff;font-size:25px;line-height:1;cursor:pointer}
.osg-site-shell .osg-site-header.osg-header-compact .osg-app-banner,.osg-site-shell .osg-site-header.osg-header-compact .osg-topbar{display:none!important}
@media(min-width:761px){
 .osg-site-shell .osg-site-header .osg-brand-image-desktop{order:1}
 .osg-site-shell .osg-site-header .osg-searchbox{order:2}
 .osg-site-shell .osg-site-header .osg-menu-toggle{display:grid!important;order:3;place-items:center;flex:none;width:42px;height:42px;border:1px solid #365276;border-radius:8px;background:#10213a;color:#fff;font-size:22px;cursor:pointer}
 .osg-site-shell .osg-site-header .osg-mobile-menu{display:none}
 .osg-site-shell .osg-site-header .osg-mobile-menu.open{display:grid!important;position:fixed;inset:0 0 0 auto;z-index:1200;width:min(340px,40vw);gap:4px;align-content:start;padding:76px 12px 20px;border-left:1px solid #365276;background:#0b1b31;box-shadow:-14px 0 34px #000b;transform:translateX(0);visibility:visible}
 .osg-site-shell .osg-site-header.osg-header-compact .osg-navbar{display:none!important}
 .osg-site-shell .osg-site-header.osg-header-compact .osg-brandrow{min-height:58px!important;padding:5px 0!important;gap:12px!important}
 .osg-site-shell .osg-site-header.osg-header-compact .osg-brand-image-desktop{flex:0 1 320px!important}
 .osg-site-shell .osg-site-header.osg-header-compact .osg-brand-image img{width:auto!important;max-width:100%;max-height:42px!important}
 .osg-site-shell .osg-site-header.osg-header-compact .osg-searchbox{display:flex!important;flex:0 1 320px!important;height:38px!important;min-width:180px}
 .osg-site-shell .osg-site-header.osg-header-compact .osg-searchbox button{width:44px}
}
@media(max-width:760px){
 .osg-site-shell .osg-site-header.osg-header-compact .osg-brandrow{min-height:58px!important;padding:5px 0!important;gap:6px!important}
 .osg-site-shell .osg-site-header.osg-header-compact .osg-brand-image-mobile img{width:min(100%,230px)!important;max-height:46px!important}
 .osg-site-shell .osg-site-header.osg-header-compact .osg-menu-toggle,.osg-site-shell .osg-site-header.osg-header-compact .osg-search-toggle{width:36px!important;height:36px!important}
 .osg-site-shell .osg-site-header .osg-search-toggle{order:1}
 .osg-site-shell .osg-site-header .osg-brand-image-mobile{order:2}
 .osg-site-shell .osg-site-header .osg-menu-toggle{order:3}
 .osg-site-shell .osg-site-header.osg-header-compact .osg-navbar{display:block!important}
 .osg-site-shell .osg-site-header.osg-header-compact .osg-nav a{padding:8px 9px!important;font-size:10px}
 .osg-site-shell .osg-site-header.osg-header-compact .osg-mobile-menu{z-index:1001}
}
html.osg-sr-ready .osg-sr-target{opacity:0;transform:perspective(900px) translate3d(0,16px,0) rotateX(2.5deg);transform-origin:50% 100%;transition:opacity .5s ease,transform .55s cubic-bezier(.2,.7,.2,1);transition-delay:var(--osg-sr-delay,0ms);will-change:opacity,transform}
html.osg-sr-ready .osg-sr-target.osg-sr-visible{opacity:1;transform:none;will-change:auto}
@media(min-width:761px){.osg-site-shell .osg-header-ad{min-height:90px}.osg-site-shell .osg-header-ad-slot{min-height:90px}}
@media(max-width:760px){.osg-site-shell .osg-header-ad{width:100%;min-height:50px;margin:5px auto}.osg-site-shell .osg-header-ad-slot{max-width:320px;min-height:50px}}
@media(max-width:760px){html.osg-sr-ready .osg-sr-target{transform:perspective(900px) translate3d(0,12px,0) rotateX(1.5deg)}}
@media(prefers-reduced-motion:reduce){html.osg-sr-ready .osg-sr-target,html.osg-sr-ready .osg-sr-target.osg-sr-visible{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}}

@media(max-width:1050px){
 .osg-site-shell .osg-toprow{grid-template-columns:auto minmax(250px,1fr) auto;gap:9px}
 .osg-site-shell .osg-socials{display:none}
 .osg-site-shell .osg-ribbon-label{display:none}
 .osg-site-shell .osg-prayer-grid .osg-prayer{min-width:36px;padding-inline:2px}
 .osg-site-shell .osg-brandrow{min-height:136px}
 .osg-site-shell .osg-brand-image img{max-height:110px}
 .osg-site-shell .osg-searchbox{flex-basis:320px}
}

@media(max-width:760px){
 .osg-site-shell{font-size:14px}
 .osg-site-shell .osg-wrap{width:calc(100% - 20px)}
 .osg-site-shell .osg-toprow{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:7px 0;min-height:0}
 .osg-site-shell .osg-live-date{gap:2px}
 .osg-site-shell .osg-location{font-size:10px}
 .osg-site-shell .osg-date-time{gap:4px;font-size:9px}
 .osg-site-shell .osg-prayer-ribbon{grid-column:1/-1;grid-row:2;min-width:0;margin-top:2px}
 .osg-site-shell .osg-prayer-grid{flex:1;justify-content:flex-start;gap:8px}
 .osg-site-shell .osg-prayer-grid .osg-prayer{min-width:39px;padding:3px 3px}
 .osg-site-shell .osg-weather-mini{grid-column:2;grid-row:1;gap:5px}
 .osg-site-shell .osg-weather-mini .osg-weather-icon{font-size:20px}
 .osg-site-shell .osg-weather-summary b{font-size:11px}
 .osg-site-shell .osg-weather-summary span{font-size:9px;max-width:94px;overflow:hidden;text-overflow:ellipsis}
 .osg-site-shell .osg-location-settings summary{padding:4px 5px}
 .osg-site-shell .osg-location-controls{right:-2px}
 .osg-site-shell .osg-brandrow{min-height:86px;padding:7px 0;gap:8px}
 .osg-site-shell .osg-brand-image-desktop{display:none}
 .osg-site-shell .osg-brand-image-mobile{display:flex;justify-content:center;flex:1 1 auto;min-width:0}
 .osg-site-shell .osg-search-toggle{order:1}
 .osg-site-shell .osg-brand-image-mobile{order:2}
 .osg-site-shell .osg-menu-toggle{order:3}
 .osg-site-shell .osg-brand-image-mobile img{width:min(100%,280px);max-height:58px;object-fit:contain}
 .osg-site-shell .osg-menu-toggle{position:relative;z-index:41;display:grid;place-items:center;flex:none;width:39px;height:39px;border:1px solid #365276;border-radius:8px;background:#10213a;color:#fff;font-size:22px;cursor:pointer}
 .osg-site-shell .osg-mobile-menu{display:grid;position:fixed;inset:0 auto 0 0;z-index:1000;width:min(300px,82vw);gap:4px;align-content:start;padding:92px 12px 20px;border-right:1px solid #365276;background:#0b1b31;box-shadow:14px 0 34px #000b;transform:translateX(-105%);visibility:hidden;transition:transform .25s ease,visibility .25s ease}
 .osg-site-shell .osg-mobile-menu.open{transform:translateX(0);visibility:visible}
 .osg-site-shell .osg-mobile-menu a{display:block;padding:12px;border-radius:7px;color:#eef5ff;font-size:12px;font-weight:800}
 .osg-site-shell .osg-mobile-menu a:hover{background:#17385c;color:#fff}
 .osg-site-shell .osg-mobile-menu a:first-child{color:#ffd45c;background:#142d4e;border:1px solid #7c6330}
 .osg-site-shell .osg-mobile-menu a:first-child:hover{color:#fff2a6;background:#1c426c}

 .osg-site-shell .osg-search-toggle{display:grid;place-items:center;flex:none;width:39px;height:39px;padding:0;border:1px solid #365276;border-radius:8px;background:#10213a;color:#fff;font-size:25px;cursor:pointer}
 .osg-site-shell .osg-searchbox{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:8;flex:1 1 100%;width:100%;height:44px;min-width:0;box-shadow:0 8px 20px #0007}
 .osg-site-shell .osg-searchbox.open{display:flex}
 .osg-site-shell .osg-nav{gap:2px}
 .osg-site-shell .osg-nav a{padding:10px 10px;font-size:11px}
}
@media(max-width:380px){
 .osg-site-shell .osg-date-time{font-size:8px}
 .osg-site-shell .osg-location{font-size:9px}
 .osg-site-shell .osg-weather-summary span{max-width:78px}
 .osg-site-shell .osg-brand-image-mobile img{width:min(100%,230px)}
 .osg-site-shell .osg-prayer-grid{gap:4px}
 .osg-site-shell .osg-prayer-grid .osg-prayer{min-width:36px}
}
@media(prefers-reduced-motion:reduce){.osg-site-shell *{scroll-behavior:auto!important}}

/* Sembunyikan hanya slot AdSense yang secara eksplisit berstatus unfilled. */
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
.store-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.adbox:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.osg-display-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.osg-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.article-multiplex:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.osg-footer-adsense:has(ins.adsbygoogle[data-ad-status="unfilled"]),
#osg-footer-adsense:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none!important}

body.osg-menu-open{overflow:hidden}