@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#176b55;--green-dark:#104c40;--mint:#e9f5ef;--ink:#19332e;--muted:#667873;--paper:#fff;--line:#e1eae5;--gold:#e4b65e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.topbar{background:var(--green-dark);color:#e4f3ec;font-size:12px;letter-spacing:.04em}.topbar-inner{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.site-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(225,234,229,.8)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:84px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:46px;height:46px;border-radius:15px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;font-family:Manrope,sans-serif}.custom-logo{max-height:64px;width:auto}.custom-logo-link{display:flex;align-items:center}.brand-text{display:none}.menu-list{list-style:none;display:flex;align-items:center;gap:26px;margin:0;padding:0}.menu-list a{font-size:13px;font-weight:600;color:#3c554e}.menu-list a:hover{color:var(--green)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:10px 13px;color:var(--green);font-weight:700}.hero{position:relative;min-height:540px;display:flex;align-items:center;overflow:hidden;color:white;background:linear-gradient(130deg,#236c57,#7aa58b 65%,#d2e3d5)}.hero-slides,.hero-slide{position:absolute;inset:0}.hero-slide{background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease}.hero-slide.is-active{opacity:1}.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:520px;height:520px;right:-90px;top:-100px}.hero:after{width:360px;height:360px;right:50px;top:10px}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,49,40,.78),rgba(11,67,52,.36) 65%,rgba(11,67,52,.12)),radial-gradient(ellipse at 80% 45%,rgba(255,255,255,.12),transparent 42%)}.hero-content{position:relative;z-index:1;padding:82px 0 88px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#9bcbb2}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(38px,5.2vw,66px);line-height:1.12;letter-spacing:-.045em;margin:22px 0 20px;max-width:750px}.hero h1 em,.section h2 em,.video-section h2 em{font-style:normal;color:#a7d7b8}.hero-content>p{max-width:590px;color:#e2eee8;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 19px;border-radius:9px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:#fff;color:var(--green-dark)}.button-outline{border:1px solid rgba(255,255,255,.45);color:white}.button-green{background:var(--green);color:white}.hero-dots{display:flex;gap:8px;margin-top:42px}.hero-dot{width:24px;height:4px;border:0;border-radius:10px;background:rgba(255,255,255,.4);padding:0;cursor:pointer}.hero-dot.is-active{width:42px;background:white}.hero-side-note{position:absolute;right:24px;bottom:32px;writing-mode:vertical-rl;letter-spacing:.22em;font-size:9px;color:rgba(255,255,255,.65)}.quick-links{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);margin-top:-36px;background:#fff;border-radius:14px;box-shadow:0 18px 48px rgba(26,65,48,.11);overflow:hidden}.quick-card{display:flex;align-items:center;gap:15px;padding:24px;border-right:1px solid var(--line)}.quick-card:last-child{border:0}.quick-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--mint);color:var(--green);font-size:22px}.quick-card>span:nth-child(2){display:flex;flex-direction:column;flex:1}.quick-card strong{font-size:13px}.quick-card small{font-size:11px;color:var(--muted);margin-top:3px}.quick-card>b{color:#8aa298}.section{padding-top:90px;padding-bottom:90px}.intro-section{padding-bottom:82px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.section h2,.review-card h2{font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.04em;margin:14px 0 0}.section h2 em,.review-card h2 em{color:var(--green)}.intro-grid p,.section-heading>p{color:var(--muted);font-size:15px;margin-top:8px}.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--green);font-weight:800;font-size:13px;margin-top:12px}.services-section{background:#f5f8f5}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading>p{max-width:280px;margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.cluster-card{padding:25px 18px;min-height:285px}.cluster-card h3{font-size:15px;line-height:1.35}.cluster-card .service-number{font-size:10px;letter-spacing:.03em}.service-card{position:relative;background:#fff;border:1px solid #e8eee9;border-radius:13px;padding:27px 22px;min-height:250px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(26,65,48,.08)}.service-number{position:absolute;right:20px;top:18px;font-size:11px;color:#a8b8af;font-weight:800}.service-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--mint);color:var(--green);font-size:23px}.service-card h3{font-family:Manrope,sans-serif;font-size:17px;margin:22px 0 9px}.service-card p{font-size:12px;color:var(--muted);margin:0}.notice{font-size:11px;color:var(--muted);margin-top:20px}.staff-section{padding-bottom:100px}.staff-placeholder{border:1px dashed #b9d0c2;background:#f8fbf8;border-radius:15px;text-align:center;padding:45px 20px}.staff-symbol{width:52px;height:52px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:28px}.staff-placeholder h3{font-family:Manrope,sans-serif;margin:0 0 8px}.staff-placeholder p{max-width:560px;margin:0 auto;color:var(--muted);font-size:13px}.video-section{background:var(--green-dark);color:white;padding:76px 0}.video-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.light-kicker{color:#9bcbb2}.video-section h2{font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,46px);line-height:1.18;letter-spacing:-.04em;margin:15px 0}.video-section p{color:#d1e3d9;font-size:14px;max-width:390px}.video-section .button{margin-top:14px}.video-help{font-size:11px!important;color:#a9c7b8!important}.video-frame{aspect-ratio:16/9;background:#0b342b;border:1px solid rgba(255,255,255,.18);border-radius:14px;overflow:hidden;display:grid;place-items:center}.video-frame iframe{width:100%;height:100%;aspect-ratio:16/9;border:0}.video-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;padding:20px}.play-button{display:grid;place-items:center;width:58px;height:58px;background:#fff;color:var(--green);border-radius:50%;padding-left:4px}.video-placeholder small{color:#afc9bd;font-size:11px}.review-section{padding-top:72px;padding-bottom:72px}.review-card{text-align:center;max-width:720px;margin:auto;border:1px solid var(--line);border-radius:16px;padding:45px 30px;background:linear-gradient(135deg,#fff,#f6faf7)}.review-star{color:var(--gold);letter-spacing:.2em;font-size:22px;margin-bottom:14px}.review-card p{max-width:530px;margin:15px auto;color:var(--muted);font-size:14px}.review-card .button{margin-top:10px}.site-footer{background:#103f35;color:#e4f0e9;padding-top:55px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:45px;padding-bottom:38px}.footer-grid h2{font-family:Manrope,sans-serif;font-size:20px;margin:0 0 10px}.footer-grid h3{font-size:13px;margin:0 0 13px;color:#a7d7b8}.footer-grid p,.footer-grid a{font-size:12px;color:#c6ddd2}.footer-grid a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding:16px 0;font-size:11px;color:#a8c8b9}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:10px;z-index:200;background:#fff;padding:10px}
.content-list{max-width:820px}.post-card{padding:25px 0;border-bottom:1px solid var(--line)}.post-card h2{font-family:Manrope,sans-serif}.post-meta{font-size:12px;color:var(--muted)}.page-content{max-width:850px}.page-content h1{font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,42px)}.page-content img{border-radius:12px}
@media(max-width:900px){.menu-list{gap:14px}.menu-list a{font-size:12px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid{gap:30px}.quick-card{padding:18px 14px}.brand-text strong{font-size:12px}}
@media(max-width:700px){.container{width:min(100% - 32px,1160px)}.topbar-inner{font-size:10px}.header-inner{min-height:72px;flex-wrap:wrap;gap:10px}.brand-mark{width:40px;height:40px}.menu-toggle{display:block;margin-left:auto}.primary-navigation{display:none;width:100%;padding:0 0 15px}.primary-navigation.is-open{display:block}.menu-list{display:flex;flex-direction:column;align-items:stretch;gap:0}.menu-list li{border-top:1px solid var(--line)}.menu-list a{display:block;padding:12px 4px;font-size:14px}.hero{min-height:500px}.hero-content{padding:65px 0 75px}.hero h1{font-size:clamp(36px,10vw,50px)}.hero-content>p{font-size:14px}.hero-side-note{display:none}.quick-links{grid-template-columns:1fr;margin-top:-25px}.quick-card{padding:14px 18px;border-right:0;border-bottom:1px solid var(--line)}.quick-card:last-child{border-bottom:0}.section{padding-top:65px;padding-bottom:65px}.intro-grid{grid-template-columns:1fr;gap:12px}.section-heading{display:block}.section-heading>p{margin-top:12px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{padding:19px 15px;min-height:230px}.cluster-card{min-height:250px}.service-card h3{font-size:15px}.service-card p{font-size:11px}.video-grid{grid-template-columns:1fr}.video-section{padding:58px 0}.review-card{padding:35px 18px}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-grid h2{font-size:18px}}
@media(max-width:380px){.service-grid{grid-template-columns:1fr}.hero-actions .button{width:100%}}


/* Navigasi rapi: dropdown bertingkat, bukan seluruh submenu tampil bersamaan */
.site-header{isolation:isolate}
.header-inner{gap:18px}
.primary-navigation{min-width:0;flex:1;display:flex;justify-content:flex-end}
.menu-list{gap:clamp(5px,.65vw,10px);flex-wrap:nowrap}
.menu-list>li{position:relative;flex:0 0 auto}
.menu-list>li>a{display:flex;align-items:center;gap:5px;padding:12px 5px;white-space:nowrap;font-size:12px}
.menu-list li.menu-item-has-children>a:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;opacity:.7}
.menu-list .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:1000;min-width:230px;max-width:290px;max-height:min(70vh,560px);overflow-y:auto;list-style:none;margin:0;padding:7px;background:#fff;border:1px solid #e3ece6;border-radius:10px;box-shadow:0 14px 35px rgba(15,55,43,.16)}
.menu-list li:hover>ul.sub-menu,.menu-list li:focus-within>ul.sub-menu{display:block}
.menu-list .sub-menu li{position:relative;width:100%;border-bottom:1px solid #f0f4f1}
.menu-list .sub-menu li:last-child{border-bottom:0}
.menu-list .sub-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:normal;padding:10px 11px;border-radius:6px;font-size:12px;line-height:1.4;color:#29483d}
.menu-list .sub-menu a:hover,.menu-list .sub-menu a:focus{background:#edf6f0;color:#145b43}
.menu-list .sub-menu .sub-menu{top:-7px;left:calc(100% - 2px);margin-left:0;max-height:min(65vh,500px)}
.menu-list .sub-menu li.menu-item-has-children>a:after{transform:rotate(-45deg);margin:0;flex:0 0 auto}
@media(min-width:701px) and (max-width:1100px){.header-inner{gap:10px}.brand{gap:8px}.brand-text small{font-size:10px}.menu-list{gap:3px}.menu-list>li>a{font-size:11px;padding:10px 3px}}
@media(max-width:700px){
 .primary-navigation{display:none;flex:0 0 100%;width:100%;justify-content:stretch;padding:0 0 12px;max-height:70vh;overflow-y:auto}
 .primary-navigation.is-open{display:block}
 .menu-list{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}
 .menu-list>li{width:100%;border-top:1px solid #e8efea}
 .menu-list>li>a{white-space:normal;padding:12px 8px;font-size:14px}
 .menu-list .sub-menu,.menu-list .sub-menu .sub-menu{display:block;position:static;max-width:none;max-height:none;overflow:visible;min-width:0;margin:0 0 7px 12px;padding:0 0 0 9px;border:0;border-left:2px solid #d9e9df;border-radius:0;box-shadow:none;background:transparent}
 .menu-list .sub-menu li{border-bottom:0}
 .menu-list .sub-menu a{font-size:13px;padding:9px 10px}
 .menu-list li.menu-item-has-children>a:after{margin-left:auto}
}

/* Portal shortcut menu below slider */
.portal-links-section{position:relative;background:#f6faf7;padding:38px 0 46px}.portal-links-heading{text-align:center;margin-bottom:24px}.portal-links-heading .section-kicker{color:var(--green)}.portal-links-heading h2{font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,32px);line-height:1.2;margin:7px 0}.portal-links-heading h2 em{font-style:normal;color:var(--green)}.portal-links-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.portal-links-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.portal-link-card{position:relative;display:flex;min-height:118px;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:17px 10px;background:#fff;border:1px solid #e4eee7;border-radius:13px;text-align:center;box-shadow:0 5px 18px rgba(26,65,48,.035);transition:transform .18s,border-color .18s,box-shadow .18s}.portal-link-card:hover{transform:translateY(-3px);border-color:#b8d7c4;box-shadow:0 12px 24px rgba(26,65,48,.09)}.portal-link-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e9f5ed;color:var(--green);font-size:23px;font-weight:700}.portal-link-card strong{font-size:12px;line-height:1.35;font-weight:700}.portal-link-arrow{position:absolute;right:10px;top:8px;color:#9aafa3;font-size:12px}
@media(max-width:900px){.portal-links-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.portal-links-section{padding:30px 0 35px}.portal-links-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.portal-link-card{min-height:100px;padding:12px 6px;gap:8px}.portal-link-icon{width:38px;height:38px;font-size:20px}.portal-link-card strong{font-size:10px}.portal-link-arrow{right:6px;top:5px;font-size:10px}}


/* v1.0.9: compact translucent blue main menu; keep slideshow visually full-width */
.site-header{background:rgba(255,255,255,.18)!important;border-bottom:0!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.header-inner{min-height:68px;gap:18px}
.primary-navigation{flex:0 1 auto;width:auto;min-width:0;display:flex;justify-content:flex-end}
.menu-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:5px 7px;background:rgba(18,91,166,.68)!important;border:1px solid rgba(255,255,255,.26);border-radius:14px;box-shadow:0 5px 18px rgba(12,53,98,.12)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.menu-list>li>a{padding:9px 10px;color:#fff!important;font-size:12px;font-weight:700;border-radius:8px}
.menu-list>li>a:hover,.menu-list>li>a:focus{background:rgba(255,255,255,.2)!important;color:#fff!important}
.menu-list li.menu-item-has-children>a:after{border-color:#fff}
.menu-list .sub-menu{background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}
.hero{width:100vw;max-width:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
@media(max-width:700px){.header-inner{min-height:64px}.primary-navigation{display:none;flex:0 0 100%;width:100%;padding:0 0 10px}.primary-navigation.is-open{display:block}.menu-list{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;padding:6px;background:rgba(18,91,166,.82)!important;border-radius:12px}.menu-list>li{width:100%;border-top:1px solid rgba(255,255,255,.16)}.menu-list>li>a{white-space:normal;padding:11px 10px;font-size:13px}.menu-list .sub-menu,.menu-list .sub-menu .sub-menu{background:rgba(7,57,111,.25)!important}.menu-list .sub-menu a{color:#fff!important}.menu-toggle{background:rgba(18,91,166,.78);border-color:rgba(255,255,255,.35);color:#fff}}

/* Klaster carousel: foto dan gerakan otomatis lambat */
.cluster-carousel-wrap{position:relative}.cluster-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 18px;scrollbar-width:none}.cluster-grid::-webkit-scrollbar{display:none}.cluster-card{flex:0 0 calc(25% - 12px);min-width:245px;overflow:hidden;scroll-snap-align:start;padding:0 0 22px;min-height:390px}.cluster-card .cluster-photo{display:block;width:100%;height:155px;object-fit:cover;margin:0 0 19px}.cluster-card .service-number{top:170px;right:14px;background:rgba(255,255,255,.92);padding:4px 7px;border-radius:5px}.cluster-card .service-icon,.cluster-card h3,.cluster-card p{margin-left:18px;margin-right:18px}.cluster-card .service-icon{margin-top:0}.cluster-card h3{margin-top:15px}.cluster-controls{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--muted);font-size:12px}.cluster-controls button{width:34px;height:34px;border:1px solid #dbe6de;background:#fff;color:var(--green);border-radius:50%;font-size:22px;cursor:pointer}.cluster-controls button:hover{background:var(--green);color:#fff}@media(max-width:900px){.cluster-card{flex-basis:calc(50% - 8px)}}@media(max-width:700px){.cluster-grid{gap:12px}.cluster-card{flex:0 0 82%;min-width:0;min-height:360px}.cluster-card .cluster-photo{height:165px}.cluster-card .service-number{top:180px}.cluster-controls{margin-top:5px}}

/* Klaster PJ: horizontal, judul 27px default, foto dan data PJ dapat diatur di Customizer */
.cluster-section-title{font-size:var(--pj-cluster-heading-size,27px)!important;line-height:1.25;letter-spacing:0!important}
.cluster-grid{scrollbar-width:none;scroll-behavior:smooth}
.cluster-card{flex:0 0 290px;min-width:260px;min-height:420px}
.cluster-card .cluster-photo{height:175px;object-fit:cover}
.cluster-card h3{font-size:17px}
.cluster-pj{display:flex;flex-direction:column;gap:4px;margin:17px 18px 0;padding-top:12px;border-top:1px solid #e8eee9}
.cluster-pj strong{font-size:13px;color:var(--green-dark)}
.cluster-pj span{font-size:11px;color:var(--muted)}
@media(max-width:700px){.cluster-section-title{font-size:var(--pj-cluster-heading-size,27px)!important}.cluster-card{flex:0 0 82%;min-width:0}.cluster-card .cluster-photo{height:165px}}

/* v1.1.3: perbaikan keterbacaan menu utama */
.site-header{position:sticky;top:0;z-index:9999;isolation:isolate;background:rgba(255,255,255,.82)!important}
.site-header .header-inner{position:relative;z-index:2}
.site-header .primary-navigation{position:relative;z-index:5;opacity:1!important;visibility:visible!important}
.site-header .menu-list{background:rgba(12,76,145,.94)!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:12px!important;box-shadow:0 4px 16px rgba(10,45,90,.2)!important;opacity:1!important;visibility:visible!important}
.site-header .menu-list>li>a,.site-header .menu-list>li>a:visited{color:#fff!important;opacity:1!important;text-shadow:0 1px 1px rgba(0,0,0,.18);font-weight:700}
.site-header .menu-list>li>a:hover,.site-header .menu-list>li>a:focus{color:#fff!important;background:rgba(255,255,255,.2)!important}
.site-header .menu-list li.menu-item-has-children>a:after{border-color:#fff!important}
.site-header .menu-list .sub-menu{background:#fff!important;opacity:1!important;z-index:10000;border:1px solid #d6e2ee!important;box-shadow:0 12px 30px rgba(10,45,90,.22)!important}
.site-header .menu-list .sub-menu a,.site-header .menu-list .sub-menu a:visited{color:#173b63!important;text-shadow:none!important;opacity:1!important;background:transparent!important}
.site-header .menu-list .sub-menu a:hover,.site-header .menu-list .sub-menu a:focus{color:#0b4e91!important;background:#eaf3ff!important}
.site-header .menu-toggle{position:relative;z-index:6;background:#155ba6!important;color:#fff!important;border:1px solid #155ba6!important}
@media(max-width:700px){.site-header .primary-navigation.is-open{display:block!important}.site-header .menu-list{background:rgba(12,76,145,.97)!important}.site-header .menu-list .sub-menu,.site-header .menu-list .sub-menu .sub-menu{background:rgba(255,255,255,.12)!important}.site-header .menu-list .sub-menu a,.site-header .menu-list .sub-menu a:visited{color:#fff!important}.site-header .menu-list>li>a{color:#fff!important}}


/* Puskesmas Jumapolo 1.2.0 — modern sky-blue glass interface */
:root{--green:#1268c4;--green-dark:#063c86;--mint:#e7f5ff;--ink:#103b72;--muted:#55769c;--paper:#fff;--line:#d6eaff;--gold:#f7c85b}
body{background:linear-gradient(180deg,#e9f7ff 0%,#f8fcff 48%,#eaf7ff 100%);color:#123f78}
.topbar{background:rgba(9,79,157,.9);color:#eff8ff}
.site-header{background:rgba(239,249,255,.76)!important;border-bottom:1px solid rgba(255,255,255,.65)!important;backdrop-filter:blur(22px)!important;box-shadow:0 8px 30px rgba(20,100,180,.08)}
.header-inner{min-height:78px}
.brand-mark{background:linear-gradient(145deg,#50c7ff,#0754b5);box-shadow:0 8px 18px rgba(0,100,210,.24)}
.primary-navigation{padding:8px 12px;border-radius:999px;background:rgba(40,143,239,.62)!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 8px 22px rgba(0,90,190,.14)}
.menu-list{gap:7px}
.site-header .menu-list>li>a,.site-header .menu-list>li>a:visited{display:block;color:#fff!important;padding:10px 15px;border-radius:999px;font-weight:700;text-shadow:0 1px 2px rgba(0,44,105,.18);transition:background .2s,transform .2s}
.site-header .menu-list>li>a:hover,.site-header .menu-list>li.current-menu-item>a{color:#fff!important;background:linear-gradient(135deg,#0c77e8,#0753b5)!important;box-shadow:0 5px 13px rgba(0,83,185,.25);transform:translateY(-1px)}
.site-header .menu-list .sub-menu{border-radius:15px!important;overflow:hidden;padding:8px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)}
.site-header .menu-list .sub-menu a,.site-header .menu-list .sub-menu a:visited{color:#174a84!important;border-radius:8px;padding:10px 13px}
.site-header .menu-list .sub-menu a:hover{background:#e8f5ff!important;color:#075ec4!important}
.hero{min-height:560px;background:linear-gradient(125deg,#83d4ff,#d9f3ff 55%,#4baff5);isolation:isolate}
.hero-slide{background-position:center;background-size:cover;filter:saturate(1.05);transform:scale(1.025);transition:opacity 1s ease,transform 8s ease}
.hero-slide.is-active{transform:scale(1.0)}
.hero-glass-shade{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(236,249,255,.96) 0%,rgba(230,247,255,.86) 34%,rgba(209,239,255,.28) 66%,rgba(8,104,196,.08) 100%),linear-gradient(0deg,rgba(11,115,210,.16),transparent 38%)}
.hero:before,.hero:after{border-color:rgba(255,255,255,.48);box-shadow:0 0 38px rgba(78,186,255,.18);z-index:0}
.hero-content{z-index:2;padding:88px 0 108px;color:#083c80}
.hero-content .eyebrow{display:inline-block;color:#126ac5;letter-spacing:.12em;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.8);padding:8px 13px;border-radius:999px;backdrop-filter:blur(12px)}
.hero h1{color:#1256a2;font-size:clamp(34px,4.6vw,60px);max-width:740px;margin:18px 0 14px;letter-spacing:-.035em;text-shadow:0 2px 18px rgba(255,255,255,.45)}
.hero h1 strong{font-weight:900;color:#073b83}
.hero h1 em{color:#087de0!important;font-style:normal}
.hero-content>p{color:#2e6297;font-size:17px;font-weight:500}
.button-primary{background:linear-gradient(135deg,#20a8ff,#075fd2);color:#fff;box-shadow:0 9px 22px rgba(0,105,220,.28);border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:14px 22px}
.button-glass{background:rgba(255,255,255,.52);color:#0757ad;border:1px solid rgba(20,127,225,.48);backdrop-filter:blur(12px);border-radius:999px;padding:13px 22px}
.hero-floating-note{position:absolute;z-index:3;right:max(5vw,25px);bottom:60px;display:flex;align-items:center;gap:13px;padding:15px 22px;border-radius:22px;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 38px rgba(0,100,200,.18),inset 0 1px 0 rgba(255,255,255,.85);backdrop-filter:blur(18px);color:#0b4a8e}
.hero-note-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#4dc7ff,#0870d8);font-size:24px;box-shadow:0 7px 16px rgba(0,104,210,.22)}
.hero-floating-note span:last-child{display:flex;flex-direction:column;line-height:1.35}.hero-floating-note strong{font-size:13px}.hero-floating-note small{font-size:11px;color:#426f9f}
.hero-dots{position:absolute;z-index:3;left:max(calc((100% - 1160px)/2),22px);bottom:28px;margin:0}.hero-dot{height:8px;width:8px;border-radius:50%;background:rgba(255,255,255,.75);box-shadow:0 1px 5px rgba(0,65,140,.2)}.hero-dot.is-active{width:26px;border-radius:99px;background:#0879e4}
.portal-links-section{background:rgba(242,250,255,.88);padding:34px 0 42px;border-bottom:1px solid rgba(142,203,249,.4)}
.portal-links-heading h2{color:#08468e}.portal-links-heading h2 em{color:#1188e7}.portal-link-card{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(224,243,255,.85));border:1px solid rgba(255,255,255,.95);border-radius:19px;box-shadow:0 9px 25px rgba(23,111,193,.09),inset 0 1px 0 #fff;transition:transform .25s,box-shadow .25s}
.portal-link-card:hover{transform:translateY(-5px) perspective(600px) rotateX(2deg);box-shadow:0 16px 32px rgba(15,110,210,.18);border-color:#9ed8ff}
.portal-link-icon{background:linear-gradient(145deg,#dff5ff,#9bd8ff);color:#0768c6;border-radius:15px;box-shadow:inset 0 1px 0 #fff,0 5px 12px rgba(0,115,220,.12)}
.portal-link-card strong{color:#174d8a}
.intro-section{background:transparent}.section-kicker{color:#1689df}
.section h2 em,.review-card h2 em{color:#1385df}
.services-section{position:relative;overflow:hidden;background:linear-gradient(150deg,#dff4ff 0%,#f8fcff 46%,#d9f1ff 100%);border-block:1px solid rgba(255,255,255,.85)}
.services-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 8% 18%,rgba(64,190,255,.18),transparent 32%),radial-gradient(ellipse at 94% 85%,rgba(0,119,226,.12),transparent 34%)}
.services-section>.container{position:relative;z-index:1}
.cluster-section-title{color:#06438f;text-shadow:0 2px 0 rgba(255,255,255,.85);font-weight:900}
.cluster-carousel-wrap{padding:20px;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:rgba(255,255,255,.38);backdrop-filter:blur(20px);box-shadow:0 20px 55px rgba(24,119,204,.13),inset 0 1px 0 rgba(255,255,255,.9)}
.cluster-grid{gap:17px;padding:4px 4px 20px}
.cluster-card{border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(225,244,255,.82))!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 12px 30px rgba(20,109,195,.14),inset 0 1px 0 #fff;transition:transform .3s,box-shadow .3s!important}
.cluster-card:hover{transform:translateY(-7px) perspective(700px) rotateX(1deg)!important;box-shadow:0 22px 42px rgba(10,102,194,.22),inset 0 1px 0 #fff!important}
.cluster-card .cluster-photo{height:180px;margin-bottom:17px;object-fit:cover;filter:saturate(1.05)}
.cluster-card .service-number{top:194px;right:14px;background:rgba(255,255,255,.86);color:#126ac1;border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:5px 9px;box-shadow:0 4px 12px rgba(0,70,140,.08)}
.cluster-card h3{color:#0b4b8e;line-height:1.35}.cluster-card p{color:#55779a}
.cluster-pj{border-color:rgba(37,132,205,.18)!important}.cluster-pj strong{color:#0756a7!important}.cluster-pj span{color:#5c7c9d!important}
.cluster-controls button{width:42px;height:42px;background:rgba(255,255,255,.78);border:1px solid rgba(112,190,246,.6);color:#075fc1;box-shadow:0 5px 14px rgba(0,100,200,.12)}
.cluster-controls button:hover{background:linear-gradient(135deg,#26a8ff,#0863cc);color:#fff}
.staff-placeholder{border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.56);backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 15px 38px rgba(20,115,200,.09)}
.video-section{background:linear-gradient(130deg,#063d87,#087bd1 62%,#4ac4ef);position:relative;overflow:hidden}
.video-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.17),transparent 28%),linear-gradient(120deg,transparent 45%,rgba(255,255,255,.06) 46%,transparent 48%);pointer-events:none}
.video-grid{position:relative}.light-kicker{color:#a9e3ff}.video-section h2 em{color:#aee7ff}.video-frame{border:1px solid rgba(255,255,255,.38);border-radius:24px;background:rgba(255,255,255,.1);box-shadow:0 18px 44px rgba(0,30,90,.22);backdrop-filter:blur(12px)}
.review-card{border:1px solid rgba(255,255,255,.95);border-radius:25px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(225,244,255,.82));box-shadow:0 15px 38px rgba(18,108,194,.1)}
.site-footer{background:linear-gradient(125deg,#062f6c,#064b98);color:#edf8ff}.footer-grid h3{color:#8edbff}.footer-grid p,.footer-grid a{color:#d0e9ff}.footer-bottom{border-color:rgba(255,255,255,.18);color:#b8dcfa}
@media(max-width:900px){.primary-navigation{border-radius:18px}.hero-floating-note{right:22px;bottom:48px}}
@media(max-width:700px){.site-header{background:rgba(240,250,255,.94)!important}.primary-navigation{background:linear-gradient(135deg,rgba(20,132,230,.98),rgba(7,75,160,.98))!important;border-radius:18px;padding:8px 12px}.site-header .menu-list>li>a{color:#fff!important}.site-header .menu-list>li>a:hover{background:rgba(255,255,255,.18)!important}.hero{min-height:510px}.hero-content{padding:68px 0 110px}.hero-content .eyebrow{font-size:9px;letter-spacing:.06em}.hero h1{font-size:clamp(32px,9vw,45px)}.hero-content>p{font-size:14px;max-width:300px}.hero-floating-note{right:16px;bottom:48px;padding:10px 13px;border-radius:17px}.hero-note-icon{width:34px;height:34px}.hero-floating-note strong{font-size:11px}.hero-floating-note small{font-size:10px}.hero-dots{left:18px;bottom:20px}.cluster-carousel-wrap{padding:10px;border-radius:22px}.cluster-card{flex:0 0 82%;min-width:0}.cluster-card .cluster-photo{height:170px}.cluster-card .service-number{top:184px}.section-heading{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* PUSKESMAS JUMAPOLO MODERN GLASS 1.2.1 — layout alignment and visual polish */
:root{--blue-900:#073b83;--blue-800:#0758b5;--blue-700:#0878df;--blue-500:#39baff;--blue-100:#e6f6ff;--blue-050:#f5fbff;--ink:#123d70;--muted:#58799a;--line:#d7edfc;--green:#0878df;--green-dark:#063d87;--mint:#e6f6ff}
body{background:linear-gradient(180deg,#eef9ff 0%,#fff 42%,#f2faff 100%);color:#123d70}
.topbar{display:none!important}
.site-header{position:absolute!important;top:12px;left:0;right:0;width:min(1240px,calc(100% - 36px));margin:0 auto!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:28px!important;background:rgba(232,247,255,.66)!important;box-shadow:0 12px 38px rgba(0,95,190,.11),inset 0 1px 0 rgba(255,255,255,.92)!important;backdrop-filter:blur(22px) saturate(1.25)!important}
.header-inner{width:calc(100% - 30px)!important;min-height:76px!important;gap:22px!important}
.brand{gap:12px;min-width:220px}.brand-copy{display:flex;flex-direction:column;line-height:1.2;color:#073b83}.brand-copy strong{font-family:Manrope,sans-serif;font-size:15px;font-weight:900;letter-spacing:-.025em}.brand-copy small{font-size:11px;font-weight:700;margin-top:4px;color:#2466a7}.brand-mark{background:linear-gradient(145deg,#fff,#c9efff)!important;color:#0877d9!important;border:1px solid #fff;box-shadow:0 5px 16px rgba(0,106,210,.17)}.custom-logo{max-height:52px!important;width:auto!important;filter:drop-shadow(0 3px 5px rgba(0,70,150,.12))}
.primary-navigation{padding:6px;border-radius:999px;background:linear-gradient(135deg,rgba(52,164,255,.78),rgba(5,103,215,.83));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 7px 20px rgba(0,96,202,.16)}
.menu-list{gap:3px!important}.site-header .menu-list>li>a,.site-header .menu-list>li>a:visited{font-size:12px;padding:10px 13px;color:#fff!important;text-shadow:0 1px 2px rgba(0,46,112,.24)}.site-header .menu-list>li>a:hover,.site-header .menu-list>li.current-menu-item>a{background:rgba(255,255,255,.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 9px rgba(0,61,140,.13)!important;transform:translateY(-1px)}
.site-header .menu-list .sub-menu{background:rgba(255,255,255,.97)!important;box-shadow:0 16px 35px rgba(0,66,140,.18)!important;border:1px solid #d7efff!important}.site-header .menu-list .sub-menu a{color:#124e8d!important}
.menu-toggle{background:linear-gradient(135deg,#25a9ff,#0864c8)!important;color:#fff!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:14px!important;box-shadow:0 7px 16px rgba(0,100,200,.2)}
.hero{width:100%;max-width:none;min-height:560px;padding-top:72px;margin:0;overflow:hidden;background:linear-gradient(125deg,#c9efff,#eaf9ff 55%,#74c9ff)!important}
.hero-slides,.hero-slide{inset:0}.hero-slide{background-size:cover!important;background-position:center!important}.hero-default-slide{background-image:url('https://images.unsplash.com/photo-1586773860418-d37222d8fce3?auto=format&fit=crop&w=2200&q=88');background-position:center 45%!important;filter:saturate(.92)}
.hero-glass-shade{z-index:1!important;background:linear-gradient(90deg,rgba(236,249,255,.98) 0%,rgba(232,248,255,.94) 31%,rgba(219,243,255,.76) 48%,rgba(205,237,255,.18) 76%,rgba(6,104,196,.06) 100%),linear-gradient(0deg,rgba(15,136,226,.2),transparent 45%)!important}
.hero-content{width:min(1160px,calc(100% - 44px));padding:142px 0 112px!important;z-index:2!important}.hero-content .eyebrow{font-size:10px;letter-spacing:.1em}.hero h1{font-size:clamp(38px,4.7vw,64px)!important;line-height:1.07!important;max-width:720px!important;color:#1256a2!important}.hero h1 strong{color:#073b83!important}.hero-content>p{max-width:540px;color:#2e6297!important;font-size:16px!important}.hero-floating-note{bottom:42px!important;right:max(5vw,30px)!important;animation:floatGentle 5.5s ease-in-out infinite}
@keyframes floatGentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hero:before{width:650px;height:650px;right:-120px;top:-140px;border-color:rgba(255,255,255,.52)!important;box-shadow:0 0 80px rgba(255,255,255,.34)!important}.hero:after{width:440px;height:440px;right:30px;top:25px;border-color:rgba(255,255,255,.48)!important}
.portal-links-section{background:linear-gradient(180deg,rgba(222,244,255,.9),rgba(246,252,255,.96))!important;padding:30px 0 42px!important}.portal-links-grid{gap:14px!important}.portal-link-card{min-height:116px!important;backdrop-filter:blur(12px);transform-style:preserve-3d}.portal-link-icon{width:48px!important;height:48px!important;font-size:24px!important}
.intro-section{padding-top:70px!important;padding-bottom:65px!important}.intro-grid h2{color:#07458f}.intro-grid p{color:#52779b}
.services-section{padding-top:72px!important;padding-bottom:78px!important;background:linear-gradient(145deg,#dff4ff 0%,#f9fdff 48%,#d9f1ff 100%)!important}.section-heading{margin-bottom:30px!important}.cluster-section-title{font-size:var(--pj-cluster-heading-size,27px)!important;line-height:1.2!important;letter-spacing:-.025em!important;color:#06438f!important}.cluster-carousel-wrap{padding:17px!important;border-radius:30px!important;background:rgba(255,255,255,.48)!important;box-shadow:0 24px 60px rgba(24,119,204,.16),inset 0 1px 0 #fff!important}.cluster-grid{display:flex!important;gap:18px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;padding:5px 5px 22px!important}.cluster-card{flex:0 0 calc(20% - 15px)!important;min-width:210px!important;min-height:395px!important;border-radius:24px!important;padding:0 0 20px!important;overflow:hidden!important;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(223,244,255,.88))!important;border:1px solid rgba(255,255,255,.98)!important;box-shadow:0 14px 32px rgba(20,109,195,.15),inset 0 1px 0 #fff!important}.cluster-card .cluster-photo{height:155px!important;margin:0 0 18px!important;border-radius:0!important;object-fit:cover!important}.cluster-card .service-number{top:169px!important;right:13px!important}.cluster-card h3{margin:15px 17px 10px!important;font-size:15px!important;color:#0b4b8e!important}.cluster-card p{margin:0 17px!important;font-size:11px!important;line-height:1.55!important;color:#55779a!important}.cluster-pj{margin:15px 17px 0!important;padding-top:11px!important;border-top:1px solid rgba(37,132,205,.2)!important}.cluster-pj strong{font-size:12px!important;color:#0756a7!important}.cluster-pj span{font-size:10px!important;color:#5c7c9d!important}.cluster-controls{padding-top:4px}.cluster-controls>span{font-size:11px;color:#3975ad}.cluster-controls button{width:40px;height:40px!important}
.staff-section{padding-top:75px!important}.video-section{box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.site-footer{background:linear-gradient(125deg,#062f6c,#064b98)!important}
@media(max-width:1050px){.brand{min-width:190px}.brand-copy strong{font-size:12px}.menu-list{gap:0!important}.site-header .menu-list>li>a{padding:9px 9px;font-size:11px}.cluster-card{flex-basis:calc(33.333% - 13px)!important}}
@media(max-width:700px){.site-header{top:8px!important;width:calc(100% - 20px)!important;border-radius:20px!important}.header-inner{min-height:66px!important;width:calc(100% - 20px)!important}.brand{min-width:0;gap:8px}.brand-copy strong{font-size:10px}.brand-copy small{font-size:9px}.custom-logo{max-height:42px!important}.brand-mark{width:38px;height:38px;border-radius:12px}.primary-navigation{margin-top:5px;background:linear-gradient(135deg,rgba(30,150,245,.98),rgba(5,75,160,.98))!important;border:1px solid rgba(255,255,255,.55);box-shadow:0 12px 25px rgba(0,72,150,.18)}.site-header .menu-list>li>a{font-size:13px!important;padding:11px 12px!important}.hero{min-height:565px!important;padding-top:70px!important}.hero-content{padding:135px 0 130px!important;width:calc(100% - 34px)!important}.hero-content .eyebrow{font-size:8px;padding:7px 9px;letter-spacing:.04em}.hero h1{font-size:clamp(32px,9vw,45px)!important;max-width:100%!important}.hero-content>p{font-size:14px!important;max-width:290px}.hero-floating-note{right:15px!important;bottom:42px!important}.hero-dots{bottom:18px!important;left:17px!important}.portal-links-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.portal-link-card{min-height:100px!important;border-radius:15px!important}.portal-link-card strong{font-size:10px!important}.portal-link-icon{width:38px!important;height:38px!important;font-size:20px!important}.section-heading{display:block!important}.cluster-section-title{font-size:var(--pj-cluster-heading-size,27px)!important}.cluster-carousel-wrap{padding:9px!important;border-radius:22px!important}.cluster-grid{gap:12px!important}.cluster-card{flex:0 0 82%!important;min-width:0!important;min-height:365px!important}.cluster-card .cluster-photo{height:170px!important}.cluster-card .service-number{top:184px!important}.cluster-card h3{font-size:16px!important}.cluster-card p{font-size:12px!important}.cluster-pj strong{font-size:13px!important}.cluster-pj span{font-size:11px!important}.cluster-controls>span{max-width:145px;text-align:center}.video-grid{gap:28px!important}}
@media(prefers-reduced-motion:reduce){.hero-floating-note{animation:none!important}}

/* v1.2.2: header hanya menampilkan logo atau nama, bukan keduanya */
.site-header .brand { gap: 0; }
.site-header .brand-copy { margin: 0; }
.site-header .brand-copy strong { display: block; }
/* Slideshow bersih tanpa tulisan, tombol, atau lapisan yang mengganggu foto */
.hero-image-only .hero-glass-shade { display: none !important; }
.hero-image-only .hero-content,
.hero-image-only .hero-floating-note { display: none !important; }
.hero-image-only .hero-slides,
.hero-image-only .hero-slide { inset: 0; }
.hero-image-only .hero-slide { background-position: center center; background-size: cover; }

/* Portal service icons may be uploaded as images in the Customizer. */
.portal-link-icon img{display:block;width:100%;height:100%;max-width:58px;max-height:58px;object-fit:contain;border-radius:12px;margin:auto}.portal-link-icon:has(img){display:flex;align-items:center;justify-content:center;padding:4px}


/* v1.2.4: top header alamat, hari/jam, telepon, WhatsApp dan pendaftaran online */
.pj-topbar{position:relative;z-index:50;background:linear-gradient(110deg,#063c80,#0877c9);color:#eef8ff;font-size:11px;box-shadow:0 4px 15px rgba(0,53,115,.13)}
.pj-topbar-main{width:min(1240px,calc(100% - 36px));min-height:38px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 0}
.pj-topbar-address,.pj-topbar-right,.pj-topbar-datetime{display:flex;align-items:center;gap:7px}.pj-topbar-address{min-width:0;flex:1}.pj-topbar-address>span:last-child{overflow-wrap:anywhere}.pj-topbar-symbol{font-size:15px;color:#9be2ff}.pj-topbar-right{justify-content:flex-end;flex-wrap:wrap;gap:14px}.pj-topbar-right a{color:#fff;text-decoration:none;white-space:nowrap}.pj-topbar-right a:hover,.pj-topbar-register a:hover{text-decoration:underline;color:#b8ecff}.pj-topbar-datetime{white-space:nowrap}.pj-topbar-register{border-top:1px solid rgba(255,255,255,.17);padding:6px max(calc((100% - 1240px)/2),18px);background:rgba(2,42,96,.28)}.pj-topbar-register a{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:800;text-decoration:none;letter-spacing:.01em}.pj-topbar-register a span{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#b9edff;color:#0755a5;font-size:12px}.site-header{top:calc(12px + 38px)!important}
@media(max-width:700px){.pj-topbar{font-size:10px}.pj-topbar-main{width:calc(100% - 24px);display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px 0}.pj-topbar-address{line-height:1.35}.pj-topbar-right{justify-content:flex-start;gap:6px 12px}.pj-topbar-datetime{width:100%;white-space:normal}.pj-topbar-register{padding:7px 12px}.site-header{top:calc(8px + 75px)!important}.hero{padding-top:145px!important}.hero-content{padding-top:110px!important}}


/* v1.2.5: tombol pendaftaran online di pojok kanan bawah slider */
.pj-slider-register{position:absolute;right:clamp(16px,4vw,52px);bottom:clamp(18px,3vw,34px);z-index:8;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border:1px solid rgba(255,255,255,.8);border-radius:14px;background:linear-gradient(135deg,#087de0,#064ca8);color:#fff!important;font-size:14px;font-weight:800;line-height:1.2;text-decoration:none!important;box-shadow:0 10px 28px rgba(0,48,117,.35),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .2s,box-shadow .2s}
.pj-slider-register:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,48,117,.42);color:#fff!important}.pj-slider-register span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#fff;color:#0757b5;font-size:17px}
.hero-image-only .pj-slider-register{display:inline-flex!important}.hero-image-only .hero-dots{z-index:7}
@media(max-width:700px){.pj-slider-register{right:14px;bottom:42px;max-width:calc(100% - 28px);padding:11px 14px;font-size:12px;border-radius:12px}.pj-slider-register span{width:22px;height:22px}.hero-image-only .hero-dots{left:16px;bottom:18px;transform:none}}


/* Trustindex Google Reviews widget - v1.2.7 */
.trustindex-review-widget{width:100%;max-width:1160px;margin:28px auto 0;padding:0;overflow:visible}
.trustindex-review-widget iframe,.trustindex-review-widget>div{max-width:100%}
.trustindex-notice{margin:12px auto 0;padding:12px 16px;border:1px solid #cfe7fa;border-radius:12px;background:#f3faff;color:#315b80;font-size:13px}


/* v1.2.8: wadah Google Review lebih lebar, pendek, dan responsif */
.review-section.container{width:min(1240px,calc(100% - 32px));max-width:1240px;padding-top:30px;padding-bottom:30px}
.review-section .review-card{display:block;width:100%;max-width:none;margin:0 auto;padding:20px 24px;border-radius:16px;box-sizing:border-box;overflow:hidden}
.review-section .review-card .review-star{font-size:17px;line-height:1.2;margin:0 0 5px;letter-spacing:.14em}
.review-section .review-card .section-kicker{font-size:10px;line-height:1.4}
.review-section .review-card h2{font-size:clamp(24px,2.6vw,32px);line-height:1.18;margin:7px 0 0}
.review-section .review-card>p{max-width:760px;margin:7px auto;font-size:13px;line-height:1.5}
.review-section .review-card .button{margin-top:7px;padding:10px 15px;font-size:12px}
.review-section .trustindex-review-widget{display:block;width:100%;max-width:100%;min-width:0;margin:10px auto 0;padding:0;box-sizing:border-box;overflow:hidden}
.review-section .trustindex-review-widget iframe{display:block;width:100%!important;max-width:100%!important;border:0}
.review-section .trustindex-review-widget>div{max-width:100%;box-sizing:border-box}
.review-section .trustindex-review-widget img{max-width:100%;height:auto}
@media(max-width:700px){.review-section.container{width:calc(100% - 24px);padding-top:20px;padding-bottom:20px}.review-section .review-card{padding:16px 10px;border-radius:13px}.review-section .review-card h2{font-size:25px}.review-section .trustindex-review-widget{margin-top:8px}}


/* v1.2.9: ulasan Google lebih ringkas dan bagian berita dinamis */
.review-section.container{width:min(1000px,calc(100% - 32px));max-width:1000px;padding-top:34px;padding-bottom:34px}
.review-section .review-card{width:100%;max-width:100%;padding:16px 18px;border-radius:14px}
.review-section .review-card .review-star{font-size:15px;margin-bottom:3px}
.review-section .review-card h2{font-size:clamp(22px,2.2vw,28px);margin-top:5px}
.review-section .review-card>p{max-width:620px;margin:5px auto;font-size:12px;line-height:1.45}
.review-section .trustindex-review-widget{margin-top:8px}
.review-section .trustindex-review-widget iframe{max-width:100%!important}
.news-section{background:#f5f8f6;padding-top:64px;padding-bottom:68px}
.news-heading{margin-bottom:25px}
.news-heading h2{font-size:clamp(27px,3.2vw,38px)}
.news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.news-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e4ece6;border-radius:14px;box-shadow:0 7px 22px rgba(22,65,46,.045);transition:transform .2s,box-shadow .2s}
.news-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(22,65,46,.09)}
.news-thumb{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#e4f2e9,#d4e8dd);color:#277354}
.news-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.news-thumb-placeholder{font-size:35px;font-weight:800}
.news-card-body{padding:15px 15px 17px}
.news-card time{display:block;color:#688276;font-size:10px;font-weight:700;letter-spacing:.03em;margin-bottom:7px}
.news-card h3{font-family:Manrope,sans-serif;font-size:15px;line-height:1.4;margin:0 0 8px;color:#173f32}
.news-card h3 a:hover{color:var(--green)}
.news-card-body>p{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 12px}
.news-read-more{display:inline-flex;gap:7px;align-items:center;color:var(--green);font-size:11px;font-weight:800}
.news-empty{display:flex;gap:16px;align-items:center;padding:22px 24px;border:1px dashed #b9d0c2;border-radius:14px;background:#fff}
.news-empty-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#e5f3e9;color:#26714e;font-size:23px}
.news-empty h3{font-size:16px;margin:0 0 4px;color:#173f32}
.news-empty p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}}
@media(max-width:700px){.review-section.container{width:calc(100% - 28px);padding-top:22px;padding-bottom:22px}.review-section .review-card{padding:14px 10px}.review-section .review-card h2{font-size:23px}.news-section{padding-top:48px;padding-bottom:50px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.news-card-body{padding:12px 11px 14px}.news-card h3{font-size:13px}.news-card-body>p{font-size:11px}.news-empty{align-items:flex-start;padding:16px 14px;gap:12px}}
@media(max-width:420px){.news-grid{grid-template-columns:1fr}.news-thumb{aspect-ratio:16/7}}


/* v1.3.0: berita satu baris horizontal, kartu ringkas, judul lebih jelas */
.news-section{padding-top:42px;padding-bottom:44px}
.news-heading{margin-bottom:18px;align-items:end}
.news-heading h2{font-size:clamp(29px,3.4vw,40px)}
.news-grid{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.news-card{display:flex;flex:0 0 280px;flex-direction:row;align-items:stretch;min-width:0;scroll-snap-align:start}
.news-thumb{display:grid;flex:0 0 92px;width:92px;min-height:100%;aspect-ratio:auto;align-self:stretch}
.news-thumb img{width:100%;height:100%;min-height:100%;object-fit:cover}
.news-thumb-placeholder{font-size:25px}
.news-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:12px 12px 12px}
.news-card time{font-size:10px;margin-bottom:5px}
.news-card h3{font-size:17px;line-height:1.35;margin:0 0 6px}
.news-card-body>p{font-size:11px;line-height:1.45;margin:0 0 8px}
.news-read-more{font-size:11px;margin-top:auto}
@media(max-width:700px){.news-section{padding-top:32px;padding-bottom:34px}.news-heading{margin-bottom:14px}.news-heading h2{font-size:29px}.news-grid{gap:10px}.news-card{flex-basis:260px}.news-thumb{flex-basis:82px;width:82px}.news-card-body{padding:10px}.news-card h3{font-size:16px}.news-card-body>p{font-size:11px}}
@media(max-width:420px){.news-grid{grid-template-columns:none}.news-card{flex-basis:250px}.news-thumb{aspect-ratio:auto}}


/* v1.3.1: slider logo mitra dengan pengaturan logo dari Customizer */
.partners-section{background:#fff;padding-top:48px;padding-bottom:46px;overflow:hidden}
.partners-heading{margin-bottom:22px;align-items:end}
.partners-heading h2{font-size:clamp(29px,3.4vw,40px)}
.partners-slider{position:relative;overflow:hidden;width:100%;padding:5px 0 12px;mask-image:linear-gradient(to right,transparent,black 3%,black 97%,transparent)}
.partners-track{display:flex;align-items:stretch;gap:16px;width:max-content;animation:pj-partner-marquee 38s linear infinite}
.partners-slider:hover .partners-track,.partners-slider:focus-within .partners-track{animation-play-state:paused}
.partner-item{flex:0 0 190px;width:190px}
.partner-card{height:132px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 14px;background:#fff;border:1px solid #e2ebe5;border-radius:16px;text-decoration:none;color:#234b3b;box-shadow:0 6px 20px rgba(20,65,45,.045);transition:transform .2s,border-color .2s,box-shadow .2s}
.partner-card:hover{transform:translateY(-3px);border-color:#a9cdb7;box-shadow:0 12px 25px rgba(20,65,45,.09)}
.partner-logo{height:62px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.partner-logo img{display:block;max-width:100%;max-height:62px;width:auto;height:auto;object-fit:contain}
.partner-logo span{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#e5f4eb,#d8eae0);color:#26734f;font-size:19px;font-weight:900;letter-spacing:-.04em}
.partner-name{font-size:12px;line-height:1.35;font-weight:800;text-align:center;max-width:100%;color:#244b3b}
.partners-note{margin:10px 0 0;color:#718278;font-size:11px;line-height:1.5;text-align:center}
@keyframes pj-partner-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.partners-track{animation:none}.partners-slider{overflow-x:auto;mask-image:none}}
@media(max-width:700px){.partners-section{padding-top:34px;padding-bottom:32px}.partners-heading{margin-bottom:15px}.partners-heading h2{font-size:29px}.partners-track{gap:10px;animation-duration:30s}.partner-item{flex-basis:158px;width:158px}.partner-card{height:116px;padding:12px 10px;border-radius:13px;gap:7px}.partner-logo{height:52px}.partner-logo img{max-height:52px}.partner-logo span{width:46px;height:46px;border-radius:13px;font-size:16px}.partner-name{font-size:11px}.partners-note{font-size:10px}}

/* v1.3.2: gunakan strip logo mitra resmi dari situs Puskesmas */
.partners-strip-slider{padding:10px 0 14px;mask-image:linear-gradient(to right,transparent,black 2%,black 98%,transparent)}
.partners-strip-track{align-items:center;gap:28px;animation-duration:34s}
.partner-strip-item{flex:0 0 min(1000px,88vw);width:min(1000px,88vw);display:flex;align-items:center;justify-content:center}
.partner-strip-item img{display:block;width:100%;height:auto;max-height:170px;object-fit:contain}
@media(max-width:700px){.partners-strip-track{gap:18px;animation-duration:28s}.partner-strip-item{flex-basis:88vw;width:88vw}.partner-strip-item img{max-height:120px}}
@media(prefers-reduced-motion:reduce){.partners-strip-track{animation:none}}

/* v1.3.3: tautan survei kepuasan dan kanal pengaduan publik */
.portal-public-link .portal-link-icon{background:linear-gradient(135deg,#e5f5ed,#d9edff);color:#176b55}
.portal-public-link strong{max-width:150px}
@media(max-width:600px){.portal-public-link strong{font-size:10px!important;line-height:1.3}}


/* v1.3.5: menu survei/pengaduan terpisah dari Portal Layanan, di bawah Mitra Kami dan di atas Suara Rakyat */
.public-feedback-section{background:linear-gradient(180deg,#f1f9ff,#ffffff)!important;border-top:1px solid #e2f0fb;border-bottom:1px solid #e2f0fb;padding:30px 0 38px!important}
.public-feedback-section .portal-links-heading{margin-bottom:20px}
.public-feedback-section .portal-links-heading h2{font-size:clamp(25px,3vw,33px)}
.public-feedback-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:920px;margin:0 auto;gap:14px!important}
.public-feedback-grid .portal-link-card{min-height:104px!important;flex-direction:row;justify-content:flex-start;text-align:left;gap:14px;padding:18px 20px!important}
.public-feedback-grid .portal-link-card strong{font-size:13px!important;max-width:none;flex:1}
.public-feedback-grid .portal-link-icon{flex:0 0 44px;width:44px!important;height:44px!important}
@media(max-width:650px){.public-feedback-section{padding:24px 0 28px!important}.public-feedback-grid{grid-template-columns:1fr!important;gap:9px!important}.public-feedback-grid .portal-link-card{min-height:74px!important;padding:12px 14px!important}.public-feedback-grid .portal-link-card strong{font-size:12px!important}}


/* v1.3.6: Portal Layanan kembali ke bagian atas; tiga tautan partisipasi bergaya ringkas seperti referensi Sardjito. */
.public-feedback-section{background:#fff!important;border-top:1px solid #e7edf3;border-bottom:1px solid #e7edf3;padding:22px 0 26px!important}
.public-feedback-section .portal-links-heading{display:none!important}
.public-feedback-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1040px;margin:0 auto;gap:14px!important}
.public-feedback-grid .portal-link-card{min-height:78px!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;gap:13px!important;padding:14px 18px!important;border:1px solid #e4ebf1!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 12px rgba(24,62,91,.05)!important}
.public-feedback-grid .portal-link-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(24,62,91,.10)!important;border-color:#b9d7ed!important}
.public-feedback-grid .portal-link-icon{flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:10px!important;background:#edf6fc!important;color:#176aa6!important;font-size:20px!important}
.public-link-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.public-feedback-grid .portal-link-card .public-link-copy strong{font-size:13px!important;color:#174c72!important;line-height:1.3}
.public-link-copy small{font-size:11px;line-height:1.35;color:#6b7e8d}
.public-feedback-grid .portal-link-arrow{position:static!important;margin-left:auto;font-size:15px!important;color:#6c9abd!important}
@media(max-width:650px){.public-feedback-section{padding:18px 0 22px!important}.public-feedback-grid{grid-template-columns:1fr!important;gap:8px!important}.public-feedback-grid .portal-link-card{min-height:66px!important;padding:10px 13px!important}.public-feedback-grid .portal-link-card .public-link-copy strong{font-size:12px!important}.public-link-copy small{font-size:10px}}


/* v1.3.7: kelompok menu pengaduan horizontal dan presisi di tengah halaman */
.public-feedback-section > .container{width:min(100% - 36px, 1120px)!important;margin-left:auto!important;margin-right:auto!important}
.public-feedback-grid{width:100%!important;max-width:960px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:center!important;align-items:stretch!important;gap:20px!important}
.public-feedback-grid .portal-link-card{width:100%!important;min-width:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:left!important;gap:12px!important;padding:15px 16px!important;min-height:82px!important}
.public-feedback-grid .portal-link-card .public-link-copy{flex:1 1 auto!important}
.public-feedback-grid .portal-link-card .public-link-copy strong{display:block!important;white-space:normal!important}
.public-feedback-grid .portal-link-icon{margin:0!important;flex-shrink:0!important}
.public-feedback-grid .portal-link-arrow{flex:0 0 auto!important;margin-left:0!important}
@media(max-width:680px){.public-feedback-section > .container{width:calc(100% - 28px)!important}.public-feedback-grid{grid-template-columns:1fr!important;max-width:420px!important;gap:10px!important}.public-feedback-grid .portal-link-card{justify-content:flex-start!important;min-height:68px!important;padding:11px 14px!important}}


/* v1.3.8 - force the three public feedback links into a centered horizontal row */
body.home #konten .public-feedback-section {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 26px 0 30px !important;
  background: #fff !important;
}
body.home #konten .public-feedback-section > .container {
  width: calc(100% - 40px) !important;
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.home #konten .public-feedback-section .public-feedback-grid {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 1000px !important;
  margin: 0 auto !important;
  gap: 18px !important;
}
body.home #konten .public-feedback-section .public-feedback-grid > a.portal-public-link {
  display: flex !important;
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 320px !important;
  min-height: 86px !important;
  box-sizing: border-box !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  text-align: left !important;
  border: 1px solid #dceaf4 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(24, 74, 110, .07) !important;
}
body.home #konten .public-feedback-section .public-feedback-grid > a.portal-public-link .portal-link-icon {
  display: grid !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  place-items: center !important;
  border-radius: 11px !important;
  background: #eaf5fc !important;
  color: #176ba5 !important;
}
body.home #konten .public-feedback-section .public-feedback-grid > a.portal-public-link .public-link-copy {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 3px !important;
}
body.home #konten .public-feedback-section .public-feedback-grid > a.portal-public-link .public-link-copy strong {
  display: block !important;
  color: #174c72 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}
body.home #konten .public-feedback-section .public-feedback-grid > a.portal-public-link .public-link-copy small {
  display: block !important;
  color: #647b8d !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
body.home #konten .public-feedback-section .public-feedback-grid > a.portal-public-link .portal-link-arrow {
  position: static !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
}
@media (max-width: 700px) {
  body.home #konten .public-feedback-section > .container {
    width: calc(100% - 28px) !important;
  }
  body.home #konten .public-feedback-section .public-feedback-grid {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }
  body.home #konten .public-feedback-section .public-feedback-grid > a.portal-public-link {
    flex: 0 1 auto !important;
    width: 100% !important;
    max-width: 440px !important;
    min-height: 68px !important;
    justify-content: flex-start !important;
  }
}


/* v1.4.1: Layanan Kami / layanan unggulan cards */
.featured-services-section{position:relative;overflow:hidden;padding:68px 0 74px;background:linear-gradient(145deg,#f2f9ff 0%,#fff 50%,#eaf6ff 100%);border-block:1px solid #e3eff8}
.featured-services-heading{align-items:end;margin-bottom:26px}
.featured-services-heading h2{font-size:clamp(29px,3.5vw,42px);letter-spacing:-.035em;color:#124c83}
.featured-services-heading>p{max-width:430px;color:#58748b;font-size:14px;line-height:1.7}
.featured-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.featured-service-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dceaf5;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(26,94,145,.08);text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.featured-service-card:hover{transform:translateY(-5px);border-color:#a8cfe9;box-shadow:0 20px 40px rgba(26,94,145,.15)}
.featured-service-image{position:relative;display:grid;place-items:center;aspect-ratio:5/3;overflow:hidden;background:linear-gradient(135deg,#d9efff,#edf8ff);color:#1766a5}
.featured-service-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.featured-service-card:hover .featured-service-image>img{transform:scale(1.04)}
.featured-service-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:23px;background:rgba(255,255,255,.8);box-shadow:0 8px 24px rgba(27,103,162,.1);font-size:38px;font-weight:700}
.featured-service-arrow{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.92);color:#14558c;font-size:16px}
.featured-service-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:20px 19px 21px}
.featured-service-copy h3{margin:0 0 9px;color:#164c78;font-size:18px;line-height:1.35;letter-spacing:-.02em}
.featured-service-copy p{margin:0 0 18px;color:#647d91;font-size:12px;line-height:1.7}
.featured-service-link{display:flex;gap:8px;align-items:center;margin-top:auto;color:#1269aa;font-size:12px;font-weight:800}
@media(max-width:900px){.featured-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:600px){.featured-services-section{padding:42px 0 48px}.featured-services-heading{margin-bottom:18px}.featured-services-heading>p{font-size:12px}.featured-services-grid{gap:10px}.featured-service-card{border-radius:16px}.featured-service-copy{padding:13px 12px 15px}.featured-service-copy h3{font-size:14px}.featured-service-copy p{font-size:11px;line-height:1.55;margin-bottom:13px}.featured-service-icon{width:54px;height:54px;border-radius:17px;font-size:29px}.featured-service-arrow{width:28px;height:28px;right:8px;top:8px;font-size:13px}.featured-service-link{font-size:10px}}


/* v1.4.2: Layanan Kami menampilkan sembilan layanan Puskesmas dengan nuansa gradasi biru muda. */
.featured-services-section{background:linear-gradient(135deg,#e4f5ff 0%,#f8fcff 46%,#dcefff 100%)!important;border-block:1px solid #d7ebfb!important}
.featured-services-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 8% 10%,rgba(63,174,255,.16),transparent 33%),radial-gradient(ellipse at 94% 90%,rgba(18,112,210,.10),transparent 35%)}
.featured-services-section>.container{position:relative;z-index:1}
.featured-services-heading .section-kicker{color:#2c83c8!important}
.featured-services-heading h2{color:#10558f!important}
.featured-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
.featured-service-card{border:1px solid rgba(183,220,245,.9)!important;border-radius:20px!important;box-shadow:0 12px 32px rgba(27,105,168,.10),inset 0 1px 0 rgba(255,255,255,.9)!important}
.featured-service-card:hover{border-color:#8cc8f1!important;box-shadow:0 20px 40px rgba(22,110,183,.17)!important}
.featured-service-image{background:linear-gradient(135deg,#d6efff,#eef9ff)!important}
.featured-service-copy h3{color:#12568d!important}
.featured-service-link{color:#0878c9!important}
@media(max-width:900px){.featured-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}}
@media(max-width:600px){.featured-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.featured-service-card{border-radius:15px!important}.featured-service-image{aspect-ratio:4/3}.featured-service-copy{padding:13px 12px 15px!important}}
@media(max-width:380px){.featured-services-grid{grid-template-columns:1fr!important}}


/* v1.4.3 — elegant horizontal Layanan Kami carousel */
.featured-services-section{background:linear-gradient(125deg,#eaf7ff 0%,#f8fcff 48%,#e1f2ff 100%)!important;padding:76px 0 66px!important}
.featured-services-section:after{content:"";position:absolute;left:-110px;top:20%;width:300px;height:300px;border-radius:50%;border:1px solid rgba(55,145,208,.10);box-shadow:0 0 0 34px rgba(55,145,208,.035),0 0 0 70px rgba(55,145,208,.025);pointer-events:none}
.featured-services-heading{position:relative;z-index:2;margin-bottom:28px!important;gap:28px}
.featured-services-heading .section-kicker{display:inline-flex;align-items:center;gap:8px;letter-spacing:.16em;font-size:10px;font-weight:800}
.featured-services-heading .section-kicker:before{content:"";width:24px;height:2px;border-radius:3px;background:#3b9bdb}
.featured-services-heading h2{font-size:clamp(30px,3.6vw,43px)!important;letter-spacing:-.045em!important}
.featured-services-carousel{position:relative;z-index:2;padding:4px 2px 12px}
.featured-services-grid{display:flex!important;gap:20px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:7px 3px 18px!important;grid-template-columns:none!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.featured-services-grid::-webkit-scrollbar{display:none}
.featured-service-card{flex:0 0 calc((100% - 40px)/3)!important;min-width:0;scroll-snap-align:start;border:1px solid rgba(182,218,243,.95)!important;border-radius:22px!important;box-shadow:0 12px 30px rgba(30,103,157,.075),0 2px 5px rgba(30,103,157,.035)!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important}
.featured-service-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 36px rgba(30,103,157,.14)!important;border-color:#9bceef!important}
.featured-service-image{aspect-ratio:16/9!important;background:linear-gradient(135deg,#d7efff,#f3faff)!important}
.featured-service-image>img{transition:transform .55s cubic-bezier(.2,.7,.2,1)!important}
.featured-service-icon{width:68px;height:68px;border-radius:22px;background:rgba(255,255,255,.88);color:#267eb7;box-shadow:0 8px 24px rgba(27,103,162,.09);font-size:35px}
.featured-service-arrow{right:13px;top:13px;width:36px;height:36px;border:1px solid rgba(255,255,255,.85);box-shadow:0 3px 12px rgba(19,76,119,.09);transition:transform .2s ease,background .2s ease}
.featured-service-card:hover .featured-service-arrow{transform:translate(2px,-2px);background:#fff}
.featured-service-copy{padding:19px 20px 21px!important;min-height:174px}
.featured-service-copy h3{font-size:18px!important;line-height:1.35!important;color:#164f7c!important}
.featured-service-copy p{font-size:12px!important;line-height:1.75!important;color:#657f93!important}
.featured-service-link{color:#1678b8!important;font-size:12px!important;font-weight:800;letter-spacing:.01em}
.featured-services-prev,.featured-services-next{position:absolute;z-index:5;top:42%;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(177,213,239,.9);border-radius:50%;background:rgba(255,255,255,.96);color:#17659b;font-size:29px;line-height:1;box-shadow:0 7px 20px rgba(26,93,143,.12);cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.featured-services-prev{left:-18px}.featured-services-next{right:-18px}
.featured-services-prev:hover,.featured-services-next:hover{background:#fff;transform:scale(1.06);box-shadow:0 10px 25px rgba(26,93,143,.18)}
.featured-services-prev:focus-visible,.featured-services-next:focus-visible,.featured-services-grid:focus-visible{outline:3px solid #69b8ed;outline-offset:3px}
.featured-services-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 3px;color:#6d8ba2;font-size:11px}
.featured-services-progress{height:3px;flex:1;max-width:180px;border-radius:9px;background:#d4eaf8;overflow:hidden}
.featured-services-progress span{display:block;width:0;height:100%;border-radius:9px;background:linear-gradient(90deg,#66b7e9,#176db0);transition:width .25s ease}
.featured-services-hint{white-space:nowrap}
@media(max-width:1000px){.featured-service-card{flex-basis:calc((100% - 20px)/2)!important}.featured-services-prev{left:-10px}.featured-services-next{right:-10px}}
@media(max-width:640px){.featured-services-section{padding:48px 0 45px!important}.featured-services-heading{display:block;margin-bottom:18px!important}.featured-services-heading>p{margin-top:10px;font-size:12px!important}.featured-services-grid{gap:13px!important;padding-bottom:14px!important}.featured-service-card{flex-basis:84%!important;border-radius:18px!important}.featured-services-prev,.featured-services-next{top:36%;width:36px;height:36px;font-size:25px}.featured-services-prev{left:-8px}.featured-services-next{right:-8px}.featured-service-image{aspect-ratio:16/9!important}.featured-service-copy{padding:15px 16px 17px!important;min-height:155px}.featured-service-copy h3{font-size:16px!important}.featured-service-copy p{font-size:11px!important}.featured-services-footer{font-size:10px}.featured-services-progress{max-width:100px}}
@media(prefers-reduced-motion:reduce){.featured-services-grid{scroll-behavior:auto}.featured-service-card,.featured-service-image>img,.featured-services-progress span{transition:none!important}}


/* v1.4.4 — cache-busted, enforced three-card horizontal carousel */
.featured-services-carousel{display:block!important;max-width:100%;min-width:0;overflow:visible!important}
.featured-services-grid#featured-services-track{display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;grid-template-columns:none!important;scroll-snap-type:x mandatory!important}
.featured-services-grid#featured-services-track>.featured-service-card{display:block!important;flex:0 0 calc((100% - 40px)/3)!important;width:calc((100% - 40px)/3)!important;max-width:calc((100% - 40px)/3)!important}
@media(max-width:1000px){.featured-services-grid#featured-services-track>.featured-service-card{flex-basis:calc((100% - 20px)/2)!important;width:calc((100% - 20px)/2)!important;max-width:calc((100% - 20px)/2)!important}}
@media(max-width:640px){.featured-services-grid#featured-services-track>.featured-service-card{flex-basis:84%!important;width:84%!important;max-width:84%!important}}


/* v1.4.5 — full-bleed service photography with readable gradient text overlay */
.featured-services-grid#featured-services-track>.featured-service-card{
  position:relative!important;isolation:isolate!important;display:block!important;overflow:hidden!important;
  aspect-ratio:4/5!important;min-height:340px!important;height:auto!important;
  background:#164f78!important;border:0!important;border-radius:22px!important;
  box-shadow:0 14px 34px rgba(17,72,112,.16)!important;
}
.featured-services-grid#featured-services-track>.featured-service-card .featured-service-image{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  aspect-ratio:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(145deg,#8dc9ed 0%,#246b9b 100%)!important;z-index:-2!important;
}
.featured-services-grid#featured-services-track>.featured-service-card .featured-service-image:after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(5,30,52,.02) 20%,rgba(5,30,52,.12) 42%,rgba(5,30,52,.78) 72%,rgba(4,29,51,.96) 100%);
}
.featured-services-grid#featured-services-track>.featured-service-card .featured-service-image>img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;transform:scale(1.001)!important;
  transition:transform .65s cubic-bezier(.2,.7,.2,1)!important;
}
.featured-services-grid#featured-services-track>.featured-service-card:hover .featured-service-image>img{transform:scale(1.07)!important}
.featured-services-grid#featured-services-track>.featured-service-card .featured-service-icon{
  position:relative;z-index:0;width:86px;height:86px;border-radius:26px;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);
  color:#fff;font-size:42px;backdrop-filter:blur(5px)
}
.featured-services-grid#featured-services-track>.featured-service-card .featured-service-copy{
  position:absolute!important;inset:auto 0 0 0!important;z-index:2!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  min-height:0!important;height:auto!important;padding:74px 22px 23px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(5,35,59,.22) 20%,rgba(5,35,59,.82) 65%,rgba(4,28,49,.97) 100%)!important;
}
.featured-services-grid#featured-services-track>.featured-service-card .featured-service-copy h3{
  color:#fff!important;font-size:clamp(17px,1.55vw,21px)!important;line-height:1.28!important;
  margin:0 0 8px!important;text-shadow:0 2px 12px rgba(0,0,0,.22)!important
}
.featured-services-grid#featured-services-track>.featured-service-card .featured-service-copy p{
  color:rgba(255,255,255,.88)!important;font-size:12px!important;line-height:1.6!important;
  margin:0 0 14px!important;text-shadow:0 1px 8px rgba(0,0,0,.2)!important
}
.featured-services-grid#featured-services-track>.featured-service-card .featured-service-link{
  color:#fff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.03em!important;
  border-bottom:1px solid rgba(255,255,255,.65);padding-bottom:4px
}
.featured-services-grid#featured-services-track>.featured-service-card .featured-service-arrow{
  z-index:3!important;right:14px!important;top:14px!important;background:rgba(255,255,255,.92)!important;
  color:#145b8c!important;border:0!important
}
@media(max-width:1000px){.featured-services-grid#featured-services-track>.featured-service-card{min-height:320px!important}}
@media(max-width:640px){
 .featured-services-grid#featured-services-track>.featured-service-card{aspect-ratio:4/5!important;min-height:310px!important;border-radius:19px!important}
 .featured-services-grid#featured-services-track>.featured-service-card .featured-service-copy{padding:65px 18px 19px!important}
 .featured-services-grid#featured-services-track>.featured-service-card .featured-service-copy h3{font-size:18px!important}
 .featured-services-grid#featured-services-track>.featured-service-card .featured-service-copy p{font-size:11px!important}
}


/* v1.4.6 — Akses cepat tiga layanan digital, sejajar seperti portal. */
.pj-quick-access{position:relative;z-index:3;background:linear-gradient(180deg,#f3faff,#fff);padding:20px 0 24px;border-bottom:1px solid #e4eff8}
.pj-quick-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pj-quick-access-card{display:flex;align-items:center;gap:13px;min-width:0;padding:15px 18px;border:1px solid #dcecf8;border-radius:16px;background:linear-gradient(135deg,#fff,#eff8ff);box-shadow:0 8px 22px rgba(22,105,174,.08);transition:transform .2s,box-shadow .2s,border-color .2s}
.pj-quick-access-card:hover{transform:translateY(-3px);border-color:#a8d2f1;box-shadow:0 13px 26px rgba(22,105,174,.13)}
.pj-quick-access-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#e0f2ff,#cce8ff);color:#0877c9;font-size:23px;font-weight:800}
.pj-quick-access-copy{display:flex;flex-direction:column;min-width:0;flex:1}
.pj-quick-access-copy strong{color:#124b7c;font-size:14px;line-height:1.35}
.pj-quick-access-copy small{margin-top:3px;color:#68849a;font-size:11px;line-height:1.35}
.pj-quick-access-arrow{color:#1689d5;font-size:17px;font-weight:800}
@media(max-width:700px){.pj-quick-access{padding:12px 0 16px}.pj-quick-access-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pj-quick-access-card{flex-direction:column;justify-content:center;gap:7px;padding:11px 5px;min-height:105px;text-align:center;border-radius:13px}.pj-quick-access-icon{width:35px;height:35px;flex-basis:35px;border-radius:11px;font-size:19px}.pj-quick-access-copy strong{font-size:10px;line-height:1.25}.pj-quick-access-copy small{font-size:8px;line-height:1.25}.pj-quick-access-arrow{display:none}}


/* v1.4.7 — Native interactive health screening and Halo Dok dialogs. */
.pj-health-dialog{width:min(760px,calc(100% - 28px));max-width:760px;max-height:88vh;overflow:auto;border:0;border-radius:22px;padding:clamp(18px,3vw,30px);box-shadow:0 24px 80px rgba(8,39,67,.28);color:#173b55}
.pj-health-dialog::backdrop{background:rgba(5,24,42,.62);backdrop-filter:blur(3px)}
.pj-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.pj-dialog-head h2{font-size:clamp(22px,3vw,30px);margin:5px 0;color:#124b7c}.pj-dialog-head p{margin:0;color:#68849a;font-size:13px}.pj-dialog-close{border:0;background:#edf6fc;color:#155b8c;border-radius:50%;width:38px;height:38px;font-size:25px;line-height:1;cursor:pointer;flex:0 0 auto}
.pj-health-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.pj-health-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#31566f}.pj-health-fields label span{font-weight:400;color:#8095a5}.pj-health-fields input,.pj-health-fields select,.pj-halo-form textarea{width:100%;box-sizing:border-box;border:1px solid #d4e4ef;border-radius:10px;padding:11px 12px;background:#fbfdff;color:#193d56;font:inherit;font-size:14px;min-height:42px}.pj-health-fields input:focus,.pj-health-fields select:focus,.pj-halo-form textarea:focus{outline:2px solid #91c9ed;outline-offset:1px}.pj-health-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.pj-btn-primary,.pj-btn-secondary{border:0;border-radius:10px;padding:11px 17px;font-weight:700;cursor:pointer}.pj-btn-primary{background:#087fc4;color:#fff}.pj-btn-secondary{background:#edf4f8;color:#31566f}.pj-health-result{margin-top:18px;padding:17px;border:1px solid #cfe6f5;border-radius:14px;background:#f2f9fe}.pj-health-result h3{margin:0 0 10px;color:#125887}.pj-health-result h4{margin:14px 0 5px}.pj-health-result p,.pj-health-result li{font-size:13px;line-height:1.6}.pj-health-result ul{padding-left:20px}.pj-medical-note{margin:16px 0 0;padding:12px;border-radius:10px;background:#fff8e9;color:#79551b;font-size:11px;line-height:1.6}.pj-halo-dialog{width:min(620px,calc(100% - 28px))}.pj-halo-warning{padding:12px;border-radius:10px;background:#fff5e5;color:#805b20;font-size:11px;line-height:1.55}.pj-chat-log{display:flex;flex-direction:column;gap:10px;max-height:290px;overflow:auto;padding:15px 2px}.pj-chat-bubble{max-width:88%;padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.6;white-space:pre-wrap}.pj-chat-bubble.bot{align-self:flex-start;background:#eef7fd;color:#234c68;border-bottom-left-radius:4px}.pj-chat-bubble.user{align-self:flex-end;background:#087fc4;color:#fff;border-bottom-right-radius:4px}.pj-symptom-chips{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 12px}.pj-symptom-chips button{border:1px solid #cde2f1;border-radius:20px;background:#f6fbff;color:#17608e;padding:7px 11px;font-size:11px;cursor:pointer}.pj-halo-form{display:flex;align-items:stretch;gap:9px}.pj-halo-form textarea{resize:vertical;min-height:58px}.pj-halo-form button{align-self:flex-end;min-height:42px}
@media(max-width:560px){.pj-health-fields{grid-template-columns:1fr}.pj-health-actions{flex-direction:column-reverse}.pj-health-actions button{width:100%}.pj-halo-form{flex-direction:column}.pj-halo-form button{width:100%}.pj-chat-bubble{max-width:95%}}