*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;
	font-family:Arial,Helvetica,sans-serif;
	background:#f4f7fb;color:#1f2937
}

.home-navbar{
	min-height:72px;
	padding:0 7%;
	background:rgba(255,255,255,.96);
	backdrop-filter:blur(14px);
	display:flex;
	align-items:center;
	justify-content:space-between;
	box-shadow:0 4px 18px rgba(0,0,0,.06);
	position:sticky;top:0;z-index:50
}

.brand{font-size:23px;
	font-weight:900;
	color:#0f766e;
	text-decoration:none;
	display:flex;
	align-items:center;
	gap:10px
}

.brand-mark{
    width:40px;
    height:40px;
    border-radius:14px;
    object-fit:contain;
    display:inline-block;
    flex-shrink:0;
    background:transparent !important;
    color:transparent !important;
}

.home-navbar .brand img.brand-mark{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    filter:none !important;
}






.hamburger{display:none;
	border:none;
	background:#0f766e;
	color:#fff;
	font-size:24px;
	padding:8px 14px;
	border-radius:10px;
	cursor:pointer
}

.menu{display:flex;gap:20px;align-items:center}.menu a{text-decoration:none;color:#374151;font-weight:700}.menu a:hover{color:#0f766e}.btn-login{padding:9px 18px;border-radius:30px;background:#e0f2f1;color:#0f766e!important}.btn-register{padding:9px 18px;border-radius:30px;background:#0f766e;color:#fff!important}.badge-smart,.section-kicker{background:#ccfbf1;color:#0f766e;padding:8px 16px;border-radius:30px;font-weight:800;font-size:13px;display:inline-block}.hero-enterprise{padding:34px 7% 45px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:28px;align-items:stretch;background:radial-gradient(circle at top right,rgba(15,118,110,.18),transparent 35%),linear-gradient(135deg,#ecfeff,#f8fafc)}.home-slider{min-height:440px;border-radius:34px;position:relative;overflow:hidden;background:#0f172a;box-shadow:0 26px 80px rgba(15,23,42,.18)}.slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .7s ease,transform .7s ease;background:linear-gradient(120deg,#0f172a 0%,#0f766e 60%,#14b8a6 100%);background-size:cover;background-position:center;display:flex;align-items:center;padding:56px}.slide.active{opacity:1;transform:scale(1);z-index:1}.slide-content{max-width:720px;color:#fff}.slide-content h1{font-size:50px;line-height:1.13;margin:24px 0 14px}.slide-content p{font-size:18px;line-height:1.8;color:#e2e8f0;margin-bottom:28px}.slider-dots{position:absolute;left:52px;bottom:30px;z-index:5;display:flex;gap:9px}.slider-dot{width:11px;height:11px;border-radius:999px;border:0;background:rgba(255,255,255,.45);cursor:pointer}.slider-dot.active{width:32px;background:#fff}.btn-main{background:#0f766e;color:#fff;padding:13px 24px;border-radius:35px;text-decoration:none;font-weight:800;display:inline-block;border:0}.slide .btn-main{background:#fff;color:#0f766e}.btn-outline{border:2px solid #0f766e;color:#0f766e;padding:11px 24px;border-radius:35px;text-decoration:none;font-weight:800;display:inline-block}.hero-side-card{background:#fff;border-radius:34px;padding:28px;box-shadow:0 25px 70px rgba(15,118,110,.18);min-height:440px;display:flex;flex-direction:column;justify-content:center}.dashboard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:15px}.dashboard-top h4{margin:0;color:#0f172a}.dashboard-top small{color:#64748b}.live-dot{background:#dcfce7;color:#15803d;padding:6px 14px;border-radius:30px;font-weight:800;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.dash-box{background:#f8fafc;padding:24px;border-radius:22px;border:1px solid #e2e8f0}.dash-box small{color:#64748b;font-weight:800}.dash-box h3{margin:10px 0 0;font-size:30px;color:#0f766e}.stats-section{padding:35px 7%;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.stat-card{background:#fff;border-radius:22px;padding:25px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.06)}.stat-card h3{font-size:34px;color:#0f766e;margin:0}.stat-card p{margin-bottom:0;color:#64748b;font-weight:700}.quick-service-section,.map-section,.news-section,.public-stat-section{padding:70px 7%}.compact-top{padding-top:50px}.section-title{text-align:center;margin-bottom:35px}.section-title h2{font-size:36px;color:#0f172a;margin:14px 0 8px}.section-title p{color:#64748b;margin:0}.quick-service-grid,.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.quick-card,.news-card{background:#fff;padding:28px;border-radius:24px;box-shadow:0 12px 35px rgba(0,0,0,.07);border:1px solid #eef2f7}.quick-link{text-decoration:none;color:inherit;display:block;min-height:210px}.quick-card{transition:.25s}.quick-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(15,118,110,.16);border-color:#99f6e4}.quick-icon{width:56px;height:56px;border-radius:20px;background:#ecfeff;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:18px}.quick-card h4{color:#0f766e;margin:0 0 10px;font-size:19px}.quick-card p,.news-card p{color:#64748b;line-height:1.6}.public-stat-section{background:linear-gradient(180deg,#fff,#f4f7fb)}.gender-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(280px,1fr);gap:28px;align-items:center;max-width:980px;margin:0 auto}.gender-chart-card,.gender-summary{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:32px;box-shadow:0 16px 46px rgba(15,23,42,.07)}.gender-pie{width:290px;height:290px;margin:0 auto;border-radius:50%;background:conic-gradient(#0f766e 0 var(--male),#ec4899 var(--male) calc(var(--male) + var(--female)),#cbd5e1 0);position:relative;display:flex;align-items:center;justify-content:center}.gender-pie:after{content:"";position:absolute;inset:42px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0}.gender-pie-center{position:relative;z-index:2;text-align:center}.gender-pie-center strong{display:block;font-size:34px;color:#0f172a}.gender-pie-center span{font-size:13px;color:#64748b;font-weight:800}.gender-summary{display:flex;flex-direction:column;gap:16px}.gender-row{display:flex;align-items:center;gap:14px;background:#f8fafc;border-radius:20px;padding:18px;border:1px solid #e2e8f0}.legend-dot{width:16px;height:16px;border-radius:50%;display:inline-block}.gender-row.male .legend-dot{background:#0f766e}.gender-row.female .legend-dot{background:#ec4899}.gender-row.unknown .legend-dot{background:#cbd5e1}.gender-row strong{display:block;color:#0f172a}.gender-row small{display:block;color:#64748b;margin-top:4px}.news-portal-section{background:#fff}.headline-card{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(280px,1.2fr);gap:0;overflow:hidden;border-radius:30px;background:#0f172a;margin-bottom:28px;box-shadow:0 20px 60px rgba(15,23,42,.15)}.headline-image{min-height:320px;background-size:cover;background-position:center}.headline-placeholder{display:flex;align-items:center;justify-content:center;color:#ccfbf1;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,#0f766e,#0f172a)}.headline-content{padding:36px;color:#fff}.headline-content span,.news-card span{color:#14b8a6;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}.headline-content h3{font-size:34px;margin:14px 0}.headline-content p{color:#cbd5e1;line-height:1.75}.read-more,.news-body a,.back-link{color:#0f766e;font-weight:900;text-decoration:none}.headline-content .read-more{color:#fff;background:#0f766e;padding:12px 18px;border-radius:999px;display:inline-block;margin-top:12px}.portal-grid{grid-template-columns:repeat(4,1fr)}.portal-card{padding:0;overflow:hidden}.news-thumb{height:150px;background-size:cover;background-position:center;background-color:#ccfbf1}.thumb-placeholder{display:flex;align-items:center;justify-content:center;color:#0f766e;font-weight:900;background:linear-gradient(135deg,#ccfbf1,#ecfeff)}.news-body{padding:22px}.news-body h4{margin:10px 0;color:#0f172a}.news-body p{font-size:14px}.map-placeholder{height:420px;border-radius:28px;background:linear-gradient(135deg,#dbeafe,#ccfbf1);display:flex;align-items:center;justify-content:center;text-align:center;color:#0f172a;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}.cta-section{padding:80px 7%;text-align:center;background:#0f766e;color:#fff}.cta-section p{margin-bottom:28px}.cta-section .btn-main{background:#fff;color:#0f766e}footer{text-align:center;padding:25px;background:#0f172a;color:#cbd5e1}.floating-wa{position:fixed;right:24px;bottom:24px;z-index:100;background:#25d366;color:#fff;text-decoration:none;border-radius:999px;padding:13px 18px;display:flex;align-items:center;gap:10px;box-shadow:0 18px 46px rgba(37,211,102,.4);font-weight:900}.wa-icon{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center}.public-detail-wrap{padding:55px 7%;background:#f8fafc}.public-news-detail{max-width:900px;margin:24px auto 0;background:#fff;border-radius:30px;padding:42px;box-shadow:0 16px 46px rgba(15,23,42,.08);border:1px solid #e2e8f0}.public-news-detail h1{font-size:42px;line-height:1.18;margin:18px 0 8px;color:#0f172a}.news-date{color:#64748b}.public-news-detail img{width:100%;max-height:430px;object-fit:cover;border-radius:24px;margin:24px 0}.detail-content{line-height:1.85;color:#334155;font-size:17px}.static-menu{display:flex!important}@media(max-width:1100px){.hero-enterprise{grid-template-columns:1fr}.hero-side-card{min-height:auto}.portal-grid,.quick-service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.home-navbar{height:auto;padding:18px 5%;flex-direction:row;flex-wrap:wrap}.hamburger{display:block}.menu{display:none;width:100%;flex-direction:column;background:#fff;padding:18px 0;border-top:1px solid #e5e7eb;gap:8px}.menu.active{display:flex}.menu a{width:100%;text-align:center;padding:10px}.hero-enterprise{padding:24px 5% 42px}.slide{padding:34px}.slide-content h1{font-size:34px}.home-slider{min-height:420px}.slider-dots{left:34px}.stats-section,.portal-grid,.quick-service-grid,.news-grid,.gender-layout,.headline-card{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.section-title h2{font-size:28px}.map-placeholder{height:320px}.gender-pie{width:230px;height:230px}.floating-wa{right:16px;bottom:16px;padding:12px}.wa-label{display:none}.public-news-detail{padding:28px}.public-news-detail h1{font-size:30px}}@media(max-width:520px){.hero-enterprise,.quick-service-section,.map-section,.news-section,.public-stat-section,.stats-section{padding-left:5%;padding-right:5%}.slide-content h1{font-size:30px}.quick-service-grid{gap:16px}.quick-card{min-height:auto;padding:22px}.headline-content h3{font-size:26px}}

/* Sprint 14C - Beranda Publik Enterprise Final */
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.45);padding:13px 24px;border-radius:35px;text-decoration:none;font-weight:800;display:inline-block}.hero-mini-note{margin-top:22px;background:#f0fdfa;border:1px solid #99f6e4;color:#115e59;border-radius:18px;padding:16px;line-height:1.6;font-weight:700}.embedded-stats{padding:0;max-width:1180px;margin:0 auto 34px;grid-template-columns:repeat(4,1fr)}.gender-chart-card h3{margin-top:0;text-align:center;color:#0f172a}.mini-chart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1180px;margin:30px auto 0}.mini-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:26px;padding:24px;box-shadow:0 16px 46px rgba(15,23,42,.07)}.mini-chart-card h4{margin:0 0 16px;color:#0f172a}.mini-bar-row{margin-bottom:14px}.mini-bar-label{display:flex;justify-content:space-between;gap:10px;color:#334155;font-size:13px;font-weight:800;margin-bottom:7px}.mini-bar-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-bar-label strong{color:#0f766e}.mini-bar-track{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.mini-bar-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f766e,#14b8a6)}.empty-text{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:22px;text-align:center}.directory-section{padding:70px 7%;background:#fff}.directory-section.alt-bg{background:#f8fafc}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.directory-card{background:#fff;border:1px solid #e2e8f0;border-radius:26px;overflow:hidden;box-shadow:0 14px 40px rgba(15,23,42,.07)}.directory-photo{height:190px;background:#ccfbf1;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#0f766e;font-weight:900;letter-spacing:.5px}.directory-photo.wisata{background:#dbeafe;color:#1d4ed8}.directory-body{padding:22px}.directory-body span{display:inline-block;background:#ecfeff;color:#0f766e;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900;text-transform:uppercase}.directory-body h4{margin:14px 0 8px;color:#0f172a;font-size:19px}.directory-body p{margin:0;color:#64748b;line-height:1.55}.enhanced-map{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 30%,#bbf7d0 0 11%,transparent 12%),radial-gradient(circle at 75% 35%,#bae6fd 0 13%,transparent 14%),radial-gradient(circle at 48% 70%,#fde68a 0 12%,transparent 13%),linear-gradient(135deg,#dbeafe,#ccfbf1)}.map-pin{position:absolute;left:var(--x);top:var(--y);width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 7px rgba(255,255,255,.65),0 10px 22px rgba(15,23,42,.25)}.pin-umkm{background:#16a34a}.pin-wisata{background:#0ea5e9}.map-caption{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.92);border:1px solid #e2e8f0;border-radius:18px;padding:14px 18px;color:#334155;box-shadow:0 12px 30px rgba(15,23,42,.10)}.enterprise-footer{display:grid;grid-template-columns:1.3fr 1fr auto;gap:22px;align-items:center;text-align:left;padding:32px 7%}.enterprise-footer p{margin:6px 0 0;color:#cbd5e1}.enterprise-footer nav{display:flex;gap:14px;flex-wrap:wrap}.enterprise-footer a{color:#e2e8f0;text-decoration:none;font-weight:800}.enterprise-footer a:hover{color:#5eead4}@media(max-width:1100px){.embedded-stats,.mini-chart-grid{grid-template-columns:repeat(2,1fr)}.directory-grid{grid-template-columns:repeat(2,1fr)}.enterprise-footer{grid-template-columns:1fr;text-align:center}.enterprise-footer nav{justify-content:center}}@media(max-width:700px){.embedded-stats,.mini-chart-grid,.directory-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:flex-start}.btn-ghost,.hero-actions .btn-main{width:100%;text-align:center}.directory-photo{height:165px}.mini-chart-card{padding:20px}}

.startup-service-grid{
    max-width:760px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px 20px;
}

.startup-service-item{
    text-align:center;
    text-decoration:none;
    color:#8b8b8b;
    font-size:18px;
    font-weight:700;
}

.startup-service-icon{
    width:88px;
    height:88px;
    margin:0 auto 10px;
    border-radius:50%;
    background:#f3f4f6;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.startup-service-icon::before{
    content:'';
    width:58px;
    height:58px;
    border-radius:50%;
    background:#e72828;
    position:absolute;
    top:13px;
    left:15px;
}

.startup-service-icon::after{
    content:'';
    width:56px;
    height:14px;
    border-radius:50%;
    background:#111827;
    position:absolute;
    bottom:12px;
    left:16px;
}

.startup-service-icon i{
    position:relative;
    z-index:2;
    color:#fff;
    font-size:30px;
}

.startup-service-item:hover{
    color:#e72828;
    transform:translateY(-2px);
}

@media(max-width:700px){
    .startup-service-grid{
        grid-template-columns:repeat(4,1fr);
        gap:22px 10px;
    }

    .startup-service-item{
        font-size:14px;
    }

    .startup-service-icon{
        width:68px;
        height:68px;
    }

    .startup-service-icon::before{
        width:46px;
        height:46px;
        top:10px;
        left:11px;
    }

    .startup-service-icon::after{
        width:44px;
        height:10px;
        bottom:9px;
        left:12px;
    }

    .startup-service-icon i{
        font-size:23px;
    }
}

/* PATCH BERANDA SMART RT V11 - STARTUP CLEAN */

.hero-enterprise{
    display:block;
    padding:24px 7% 35px;
}

.home-slider{
    width:100%;
    min-height:430px;
    border-radius:28px;
}

.hero-side-card{
    display:none !important;
}


.startup-service-grid{
    max-width:880px;
    grid-template-columns:repeat(5,1fr);
    gap:22px;
}

.startup-service-item{
    color:#374151;
    transition:.2s;
}

.startup-service-icon{
    width:86px;
    height:86px;
    background:linear-gradient(135deg,#ef4444,#991b1b);
    box-shadow:0 14px 28px rgba(239,68,68,.25);
}

.startup-service-icon::before,
.startup-service-icon::after{
    display:none;
}

.startup-service-icon i{
    font-size:34px;
}

.startup-service-item:hover{
    color:#dc2626;
    transform:translateY(-4px);
}

.public-stat-section{
    padding-top:55px;
}

.cta-section{
    display:none;
}

.news-section{
    padding-top:55px;
}

@media(max-width:900px){
    .startup-service-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .home-slider{
        min-height:390px;
    }
}

@media(max-width:520px){
    .startup-service-grid{
        grid-template-columns:repeat(3,1fr);
        gap:18px 10px;
    }

    .startup-service-icon{
        width:64px;
        height:64px;
    }

    .startup-service-icon i{
        font-size:25px;
    }

    .startup-service-item{
        font-size:13px;
    }

    .home-slider{
        min-height:360px;
        border-radius:22px;
    }
}

#layanan .startup-service-grid{
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    max-width:850px !important;
    margin:0 auto !important;
    gap:24px !important;
}

#layanan .startup-service-item{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    text-decoration:none !important;
    color:#374151 !important;
    font-weight:700 !important;
}

#layanan .startup-service-icon{
    width:82px !important;
    height:82px !important;
    border-radius:50% !important;
    background:#dc2626 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto 10px !important;
}

#layanan .startup-service-icon:before,
#layanan .startup-service-icon:after{
    display:none !important;
}

#layanan .startup-service-icon i{
    color:#fff !important;
    font-size:34px !important;
}

@media(max-width:700px){
    #layanan .startup-service-grid{
        grid-template-columns:repeat(3,1fr) !important;
    }
}	

/* FIX 1: Icon layanan satu baris rapi */
#layanan .startup-service-grid{
    max-width:980px !important;
    margin:0 auto !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:34px 58px !important;
}

#layanan .startup-service-item{
    width:120px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
}

#layanan .startup-service-icon{
    margin-bottom:12px !important;
}


/* FIX 2: Pie chart + keterangan jadi satu area */
.gender-layout{
    max-width:980px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:360px 1fr !important;
    gap:30px !important;
    align-items:center !important;

    background:#fff !important;
    border:1px solid #e2e8f0 !important;
    border-radius:30px !important;
    padding:34px !important;
    box-shadow:0 16px 46px rgba(15,23,42,.07) !important;
}

.gender-chart-card,
.gender-summary{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 !important;
}

.gender-chart-card h3{
    margin-top:0 !important;
    margin-bottom:18px !important;
    text-align:center !important;
}

.gender-summary{
    gap:14px !important;
}

.gender-row{
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    border-radius:18px !important;
    padding:18px 20px !important;
}


/* Responsive */
@media(max-width:900px){
    .gender-layout{
        grid-template-columns:1fr !important;
        padding:26px !important;
    }

    #layanan .startup-service-grid{
        gap:26px 28px !important;
    }

    #layanan .startup-service-item{
        width:100px !important;
    }
}

@media(max-width:520px){
    #layanan .startup-service-grid{
        justify-content:center !important;
        gap:22px 14px !important;
    }

    #layanan .startup-service-item{
        width:88px !important;
    }

    .gender-layout{
        padding:22px !important;
    }
}

/* FIX FINAL ICON LAYANAN */
#layanan .startup-service-grid{
    max-width:1120px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:space-between !important;
    gap:28px !important;
}

#layanan .startup-service-item{
    width:150px !important;
}

/* FIX FINAL GENDER SATU AREA */
.smart-gender-card{
    max-width:1120px !important;
    margin:0 auto !important;
    background:#fff !important;
    border:1px solid #e2e8f0 !important;
    border-radius:28px !important;
    padding:34px 40px !important;
    box-shadow:0 16px 46px rgba(15,23,42,.07) !important;
    display:block !important;
}

.smart-gender-card h3{
    margin:0 0 24px !important;
    font-size:28px !important;
    color:#0f172a !important;
}

.smart-gender-content{
    display:grid !important;
    grid-template-columns:360px 1fr !important;
    gap:40px !important;
    align-items:center !important;
}

.smart-gender-card .gender-chart-card,
.smart-gender-card .gender-summary{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}

.smart-gender-card .gender-row{
    display:grid !important;
    grid-template-columns:30px 220px 1fr 70px !important;
    align-items:center !important;
    gap:18px !important;
    background:transparent !important;
    border:0 !important;
    border-bottom:1px dashed #e2e8f0 !important;
    border-radius:0 !important;
    padding:24px 0 !important;
}

.smart-gender-card .gender-row:last-child{
    border-bottom:0 !important;
}

.gender-info strong{
    font-size:20px !important;
}

.gender-info small{
    font-size:15px !important;
}

.gender-progress{
    height:12px;
    background:#e5e7eb;
    border-radius:999px;
    overflow:hidden;
}

.gender-progress span{
    display:block;
    height:100%;
    border-radius:999px;
    background:#0f766e;
}

.gender-row.female .gender-progress span{
    background:#ec4899;
}

.gender-row b{
    font-size:24px;
    color:#0f766e;
    text-align:right;
}

.gender-row.female b{
    color:#ec4899;
}

@media(max-width:900px){
    #layanan .startup-service-grid{
        justify-content:center !important;
    }

    .smart-gender-content{
        grid-template-columns:1fr !important;
    }

    .smart-gender-card .gender-row{
        grid-template-columns:26px 1fr !important;
    }

    .gender-progress,
    .gender-row b{
        display:none !important;
    }
}

/* ===== FIX FINAL LAYANAN 1 BARIS ===== */
#layanan .startup-service-grid{
    width:100% !important;
    max-width:1050px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(5, 1fr) !important;
    gap:26px !important;
}

#layanan .startup-service-item{
    width:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}

@media(max-width:768px){
    #layanan .startup-service-grid{
        grid-template-columns:repeat(3, 1fr) !important;
    }
}

@media(max-width:480px){
    #layanan .startup-service-grid{
        grid-template-columns:repeat(2, 1fr) !important;
    }
}


/* ===== FIX FINAL PIE + KETERANGAN SATU AREA ===== */
.gender-layout{
    max-width:980px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:330px 1fr !important;
    gap:28px !important;
    align-items:center !important;
    background:#fff !important;
    border:1px solid #dbe3ef !important;
    border-radius:26px !important;
    padding:30px !important;
    box-shadow:0 12px 34px rgba(15,23,42,.08) !important;
}

.gender-chart-card,
.gender-summary{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}

.gender-chart-card h3{
    margin:0 0 20px !important;
    text-align:center !important;
}

.gender-summary{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
}

.gender-row{
    background:#f8fafc !important;
    border:1px solid #dbe3ef !important;
    border-radius:18px !important;
    padding:18px 20px !important;
}

@media(max-width:768px){
    .gender-layout{
        grid-template-columns:1fr !important;
    }
}

/* ===== FINAL HOME PATCH SMART RT ===== */

.hero-enterprise{
    display:block !important;
    padding:24px 7% 35px !important;
}

.hero-side-card{
    display:none !important;
}

.home-slider{
    width:100% !important;
    min-height:430px !important;
}

/* Layanan 5 icon satu baris */
.startup-service-wrap{
    background:#fff !important;
    padding:45px 7% 60px !important;
}

#layanan .startup-service-grid{
    width:100% !important;
    max-width:1050px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    gap:26px !important;
}

#layanan .startup-service-item{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    text-decoration:none !important;
    color:#374151 !important;
    font-size:16px !important;
    font-weight:800 !important;
}

#layanan .startup-service-icon{
    width:86px !important;
    height:86px !important;
    margin:0 auto 12px !important;
    border-radius:50% !important;
    background:#f3f4f6 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
}

#layanan .startup-service-icon::before{
    content:'' !important;
    width:58px !important;
    height:58px !important;
    border-radius:50% !important;
    background:#e72828 !important;
    position:absolute !important;
    top:13px !important;
    left:14px !important;
}

#layanan .startup-service-icon::after{
    content:'' !important;
    width:56px !important;
    height:14px !important;
    border-radius:50% !important;
    background:#111827 !important;
    position:absolute !important;
    bottom:11px !important;
    left:15px !important;
}

#layanan .startup-service-icon i{
    position:relative !important;
    z-index:2 !important;
    color:#fff !important;
    font-size:30px !important;
}

/* Pie + keterangan jadi satu card */
.gender-layout{
    max-width:980px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:330px 1fr !important;
    gap:28px !important;
    align-items:center !important;
    background:#fff !important;
    border:1px solid #dbe3ef !important;
    border-radius:26px !important;
    padding:30px !important;
    box-shadow:0 12px 34px rgba(15,23,42,.08) !important;
}

.gender-chart-card,
.gender-summary{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
}

.gender-chart-card h3{
    margin:0 0 20px !important;
    text-align:center !important;
}

.gender-summary{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
}

.gender-row{
    background:#f8fafc !important;
    border:1px solid #dbe3ef !important;
    border-radius:18px !important;
    padding:18px 20px !important;
}

.cta-section{
    display:none !important;
}

@media(max-width:768px){
    #layanan .startup-service-grid{
        grid-template-columns:repeat(3,1fr) !important;
    }

    .gender-layout{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:480px){
    #layanan .startup-service-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }
}

/* Berita: gambar tidak terpotong */
.news-thumb{
    height:180px !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-color:#f8fafc !important;
}

.portal-card{
    overflow:hidden !important;
}

.news-card.portal-card{
    min-height:360px !important;
}

/* FOTO UTUH UNTUK BERITA, UMKM, PARIWISATA */

.news-thumb,
.directory-photo{
    height:220px !important;
    background:none !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:10px !important;
}

.news-thumb img,
.directory-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    display:block !important;
}

.public-section {
    margin: 30px 0;
}

.section-header {
    margin-bottom: 15px;
}

.section-header h2 {
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
}

/* NEWS SCROLL VERTIKAL */
.news-scroll-box {
    max-height: 520px;
    overflow-y: auto;
    padding-right: 8px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.news-scroll-item {
    display: flex;
    gap: 14px;
    padding: 12px;
    background: #ffffff;
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.news-scroll-thumb {
    width: 150px;
    min-width: 150px;
    height: 100px;
    border-radius: 12px;
    background: #f1f5f9;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-scroll-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.news-scroll-content h4 {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 700;
}

.news-scroll-content p {
    margin: 0 0 8px;
    font-size: 14px;
    color: #475569;
}

.news-scroll-content small {
    color: #64748b;
}

/* IKLAN SLIDER HORIZONTAL */
.ads-slider-box {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 12px;
}

.ads-slide-card {
    min-width: 280px;
    max-width: 280px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    scroll-snap-align: start;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.ads-slide-card img {
    width: 100%;
    height: 170px;
    object-fit: contain;
    background: #f8fafc;
}

.ads-slide-caption {
    padding: 12px;
}

.ads-slide-caption h4 {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 700;
}

.ads-slide-caption p {
    margin: 0;
    font-size: 14px;
    color: #475569;
}

/* MOBILE */
@media (max-width: 768px) {
    .news-scroll-item {
        flex-direction: column;
    }

    .news-scroll-thumb {
        width: 100%;
        height: 180px;
    }

    .ads-slide-card {
        min-width: 240px;
        max-width: 240px;
    }
}



	


/* ===== PATCH FINAL NEWS & IKLAN PORTAL PUBLIK ===== */
.public-section{max-width:1180px!important;margin:35px auto!important;padding:0 20px!important}.section-header h2{font-size:26px!important;font-weight:800!important;color:#0f172a!important;margin-bottom:18px!important}.ads-public-section{background:transparent!important}.ads-slider-box{display:flex!important;gap:18px!important;overflow-x:auto!important;padding:10px 4px 18px!important;scroll-snap-type:x mandatory!important}.ads-slide-card{flex:0 0 320px!important;min-width:320px!important;background:#fff!important;border-radius:20px!important;overflow:hidden!important;text-decoration:none!important;color:#0f172a!important;box-shadow:0 10px 28px rgba(15,23,42,.10)!important;scroll-snap-align:start!important}.ads-slide-card img{width:100%!important;height:180px!important;object-fit:contain!important;background:#f8fafc!important;display:block!important}.ads-slide-caption{padding:16px!important}.ads-slide-caption h4{margin:0 0 8px!important;font-size:18px!important;font-weight:800!important;color:#0f172a!important}.ads-slide-caption p{margin:0!important;font-size:14px!important;color:#475569!important;line-height:1.5!important}.news-scroll-box{max-height:560px!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:14px!important;padding:6px 8px 6px 0!important}.news-scroll-item{display:flex!important;gap:16px!important;align-items:center!important;background:#fff!important;border-radius:18px!important;padding:14px!important;text-decoration:none!important;color:#0f172a!important;box-shadow:0 8px 24px rgba(15,23,42,.08)!important}.news-scroll-thumb{width:150px!important;min-width:150px!important;height:100px!important;border-radius:14px!important;overflow:hidden!important;background:#f1f5f9!important;display:flex!important;align-items:center!important;justify-content:center!important}.news-scroll-thumb img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;display:block!important}.news-scroll-content h4{margin:0 0 7px!important;font-size:18px!important;font-weight:800!important;color:#0f172a!important}.news-scroll-content p{margin:0 0 8px!important;font-size:14px!important;color:#475569!important;line-height:1.5!important}.news-scroll-content small{color:#64748b!important;font-size:12px!important}@media(max-width:768px){.public-section{padding:0 14px!important}.ads-slide-card{flex:0 0 260px!important;min-width:260px!important}.news-scroll-item{align-items:flex-start!important}.news-scroll-thumb{width:110px!important;min-width:110px!important;height:85px!important}.news-scroll-content h4{font-size:15px!important}.news-scroll-content p{font-size:13px!important}}


/* PATCH IKLAN BANNER GAMBAR - SMART RT V11 */
.ads-public-section .section-header p{
    margin: -8px 0 14px !important;
    color:#64748b !important;
    font-size:14px !important;
}

.ads-slider-box{
    display:flex !important;
    gap:18px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:10px 4px 18px !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
}

.ads-slide-card{
    flex:0 0 380px !important;
    width:380px !important;
    height:190px !important;
    background:#ffffff !important;
    border-radius:20px !important;
    overflow:hidden !important;
    display:block !important;
    text-decoration:none !important;
    color:inherit !important;
    box-shadow:0 10px 28px rgba(15,23,42,.12) !important;
    scroll-snap-align:start !important;
    transition:transform .2s ease, box-shadow .2s ease !important;
}

.ads-slide-card:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 16px 36px rgba(15,23,42,.16) !important;
}

.ads-slide-card img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    background:#f8fafc !important;
}

.ads-empty{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,#ecfeff,#f8fafc) !important;
    color:#0f766e !important;
    font-weight:900 !important;
    letter-spacing:1px !important;
}

.ads-slide-caption{
    display:none !important;
}

@media(max-width:768px){
    .ads-slide-card{
        flex:0 0 300px !important;
        width:300px !important;
        height:150px !important;
    }
}

@media(max-width:480px){
    .ads-slide-card{
        flex:0 0 260px !important;
        width:260px !important;
        height:130px !important;
    }
}

/* FIX FINAL IKLAN BANNER 4:1 SMART RT */

.ads-slider-box{
    display:flex !important;
    gap:18px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:10px 4px 20px !important;
    scroll-snap-type:x mandatory !important;
}

.ads-slide-card{
    flex:0 0 420px !important;
    width:420px !important;
    height:105px !important; /* 420 : 105 = 4 : 1 */
    border-radius:18px !important;
    overflow:hidden !important;
    background:#ffffff !important;
    display:block !important;
    position:relative !important;
    text-decoration:none !important;
    color:inherit !important;
    scroll-snap-align:start !important;
    box-shadow:0 10px 28px rgba(15,23,42,.12) !important;
}

.ads-slide-card img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

.ads-slide-caption{
    display:none !important;
}

.ads-slide-card *{
    pointer-events:none !important;
}

@media(max-width:768px){
    .ads-slide-card{
        flex:0 0 320px !important;
        width:320px !important;
        height:80px !important; /* 4:1 */
    }
}

@media(max-width:480px){
    .ads-slide-card{
        flex:0 0 280px !important;
        width:280px !important;
        height:70px !important; /* 4:1 */
    }
}


/* ===== FIX FINAL GAMBAR IKLAN 1200x300 / RASIO 4:1 ===== */

.ads-public-section .ads-slider-box{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:18px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:10px 4px 22px !important;
    scroll-snap-type:x mandatory !important;
}

.ads-public-section .ads-slide-card{
    flex:0 0 420px !important;
    width:420px !important;
    min-width:420px !important;
    max-width:420px !important;

    aspect-ratio:4 / 1 !important;
    height:auto !important;

    border-radius:18px !important;
    overflow:hidden !important;
    background:#ffffff !important;
    display:block !important;
    position:relative !important;
    text-decoration:none !important;
    color:inherit !important;
    scroll-snap-align:start !important;
    box-shadow:0 10px 28px rgba(15,23,42,.12) !important;
}

.ads-public-section .ads-slide-card img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
}

/* Kalau caption/tulisan sudah rapi dan ingin tetap tampil, jangan pakai display:none */
.ads-public-section .ads-slide-caption{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    padding:12px 16px !important;
    background:linear-gradient(to top, rgba(15,23,42,.78), rgba(15,23,42,0)) !important;
    color:#fff !important;
    z-index:2 !important;
}

.ads-public-section .ads-slide-caption h4{
    margin:0 0 4px !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:800 !important;
}

.ads-public-section .ads-slide-caption p{
    margin:0 !important;
    color:#e5e7eb !important;
    font-size:13px !important;
    line-height:1.4 !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

@media(max-width:768px){
    .ads-public-section .ads-slide-card{
        flex:0 0 320px !important;
        width:320px !important;
        min-width:320px !important;
        max-width:320px !important;
        aspect-ratio:4 / 1 !important;
    }
}

@media(max-width:480px){
    .ads-public-section .ads-slide-card{
        flex:0 0 280px !important;
        width:280px !important;
        min-width:280px !important;
        max-width:280px !important;
        aspect-ratio:4 / 1 !important;
    }
}

/* ===== FIX FINAL IKLAN SMART RT 1200x300 + CAPTION WRAP ===== */

.ads-public-section .ads-slider-box{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:18px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:10px 4px 22px !important;
    scroll-snap-type:x mandatory !important;
}

.ads-public-section .ads-slide-card{
    flex:0 0 420px !important;
    width:420px !important;
    min-width:420px !important;
    max-width:420px !important;

    height:105px !important;
    min-height:105px !important;
    max-height:105px !important;

    border-radius:18px !important;
    overflow:hidden !important;
    background:#ffffff !important;
    display:block !important;
    position:relative !important;
    text-decoration:none !important;
    color:inherit !important;
    scroll-snap-align:start !important;
    box-shadow:0 10px 28px rgba(15,23,42,.12) !important;
}

/* Gambar banner 1200x300 dipaksa penuh 4:1 */
.ads-public-section .ads-slide-card img{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
}

/* Caption tetap di dalam kartu, tidak melebar ke iklan lain */
.ads-public-section .ads-slide-caption{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;

    padding:10px 14px !important;
    background:linear-gradient(to top, rgba(15,23,42,.82), rgba(15,23,42,0)) !important;
    color:#ffffff !important;
    z-index:3 !important;

    display:block !important;
    overflow:hidden !important;
}

.ads-public-section .ads-slide-caption h4{
    margin:0 0 3px !important;
    color:#ffffff !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.2 !important;

    white-space:normal !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-line-clamp:1 !important;
    -webkit-box-orient:vertical !important;
}

.ads-public-section .ads-slide-caption p{
    margin:0 !important;
    color:#e5e7eb !important;
    font-size:12px !important;
    line-height:1.25 !important;

    white-space:normal !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-line-clamp:1 !important;
    -webkit-box-orient:vertical !important;
}

/* HP / Tablet */
@media(max-width:768px){
    .ads-public-section .ads-slide-card{
        flex:0 0 320px !important;
        width:320px !important;
        min-width:320px !important;
        max-width:320px !important;

        height:80px !important;
        min-height:80px !important;
        max-height:80px !important;
    }

    .ads-public-section .ads-slide-caption{
        padding:8px 12px !important;
    }

    .ads-public-section .ads-slide-caption h4{
        font-size:13px !important;
    }

    .ads-public-section .ads-slide-caption p{
        font-size:11px !important;
    }
}

@media(max-width:480px){
    .ads-public-section .ads-slide-card{
        flex:0 0 280px !important;
        width:280px !important;
        min-width:280px !important;
        max-width:280px !important;

        height:70px !important;
        min-height:70px !important;
        max-height:70px !important;
    }
}

/* =========================================================
   FIX PALING AKHIR - SMART RT V11
   Tujuan:
   1) Judul SMART RT Nasional tidak putih
   2) Iklan hanya gambar, tanpa caption/overlay teks
   3) Gambar iklan 1200x300 tampil rapi 4:1
   ========================================================= */

/* Brand/navbar */
.home-navbar .brand,
.home-navbar .brand:visited,
.home-navbar .brand:hover,
.home-navbar .brand:focus,
.home-navbar a.brand,
.home-navbar a.brand:visited,
.home-navbar a.brand:hover,
.home-navbar a.brand:focus,
.brand,
.brand:visited,
.brand:hover,
.brand:focus {
    color:#0f766e !important;
    opacity:1 !important;
    text-decoration:none !important;
}

/* Iklan: container horizontal */
.ads-public-section .ads-slider-box,
.ads-slider-box {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:18px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:10px 4px 18px !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
}

.ads-public-section .ads-slider-box::-webkit-scrollbar,
.ads-slider-box::-webkit-scrollbar {
    display:none !important;
}

/* Iklan: card 4:1, 2 item lebih nyaman di layar desktop */
.ads-public-section .ads-slide-card,
.ads-slide-card {
    flex:0 0 calc((100% - 18px) / 2) !important;
    width:calc((100% - 18px) / 2) !important;
    min-width:360px !important;
    max-width:none !important;
    aspect-ratio:4 / 1 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    position:relative !important;
    display:block !important;
    overflow:hidden !important;
    border-radius:18px !important;
    background:#ffffff !important;
    text-decoration:none !important;
    color:inherit !important;
    box-shadow:0 10px 28px rgba(15,23,42,.12) !important;
    scroll-snap-align:start !important;
}

/* Iklan: gambar penuh, tanpa ruang untuk teks */
.ads-public-section .ads-slide-card img,
.ads-slide-card img {
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    background:#ffffff !important;
}

/* Matikan semua caption/overlay iklan */
.ads-public-section .ads-slide-caption,
.ads-public-section .ads-slide-caption *,
.ads-slide-caption,
.ads-slide-caption *,
.ads-public-section .ad-caption,
.ads-public-section .ad-caption *,
.ads-public-section .ad-overlay,
.ads-public-section .ad-overlay *,
.ads-public-section .iklan-caption,
.ads-public-section .iklan-caption *,
.ads-public-section .iklan-overlay,
.ads-public-section .iklan-overlay * {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    background:none !important;
    content:none !important;
}

/* Hilangkan pseudo overlay jika ada */
.ads-public-section .ads-slide-card::before,
.ads-public-section .ads-slide-card::after,
.ads-slide-card::before,
.ads-slide-card::after {
    display:none !important;
    content:none !important;
    background:none !important;
}

/* Jangan matikan klik pada kartu iklan */
.ads-public-section .ads-slide-card,
.ads-public-section .ads-slide-card img,
.ads-slide-card,
.ads-slide-card img {
    pointer-events:auto !important;
}

@media(max-width:768px){
    .ads-public-section .ads-slide-card,
    .ads-slide-card{
        flex:0 0 320px !important;
        width:320px !important;
        min-width:320px !important;
        aspect-ratio:4 / 1 !important;
    }
}

@media(max-width:480px){
    .ads-public-section .ads-slide-card,
    .ads-slide-card{
        flex:0 0 280px !important;
        width:280px !important;
        min-width:280px !important;
        aspect-ratio:4 / 1 !important;
    }
}


/* =========================================================
   FIX TINGGI IKLAN BERANDA - 2 IKLAN PER LAYAR LEBIH TINGGI
   ========================================================= */

.ads-public-section .ads-slider-box,
.ads-slider-box {
    display: flex !important;
    gap: 18px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 12px 4px 26px !important;
    scroll-snap-type: x mandatory !important;
}

/* Desktop: tampil 2 iklan, dibuat lebih tinggi */
.ads-public-section .ads-slide-card,
.ads-slide-card {
    flex: 0 0 calc((100% - 18px) / 2) !important;
    width: calc((100% - 18px) / 2) !important;
    min-width: 420px !important;
    max-width: none !important;

    height: 170px !important;
    min-height: 170px !important;
    max-height: 170px !important;
    aspect-ratio: auto !important;

    border-radius: 18px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    position: relative !important;
    display: block !important;
    scroll-snap-align: start !important;
}

/* Gambar memenuhi card */
.ads-public-section .ads-slide-card img,
.ads-slide-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

/* Caption tetap hilang */
.ads-public-section .ads-slide-caption,
.ads-public-section .ads-slide-caption *,
.ads-slide-caption,
.ads-slide-caption * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Panah slider agar tetap di tengah tinggi baru */
.ads-arrow,
.ads-prev,
.ads-next,
.ads-slider-prev,
.ads-slider-next {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Tablet */
@media(max-width:768px){
    .ads-public-section .ads-slide-card,
    .ads-slide-card {
        flex: 0 0 340px !important;
        width: 340px !important;
        min-width: 340px !important;

        height: 120px !important;
        min-height: 120px !important;
        max-height: 120px !important;
    }
}

/* HP */
@media(max-width:480px){
    .ads-public-section .ads-slide-card,
    .ads-slide-card {
        flex: 0 0 300px !important;
        width: 300px !important;
        min-width: 300px !important;

        height: 105px !important;
        min-height: 105px !important;
        max-height: 105px !important;
    }
}

/* FIX FINAL LOGO NAVBAR SMART RT */
.home-navbar .brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    line-height: 1 !important;
}

.home-navbar .brand img.brand-mark {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    display: block !important;
    flex: 0 0 42px !important;
}

.home-navbar .brand span {
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #0f766e !important;
    white-space: nowrap !important;
}

/* =========================================================
   FIX FINAL ICON LAYANAN PUBLIK - DESKTOP & MOBILE
   ========================================================= */

#layanan .startup-service-icon {
    width: 86px !important;
    height: 86px !important;
    border-radius: 50% !important;
    background: #ef2b2d !important;
    color: #ffffff !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 auto 12px !important;
    position: relative !important;
    opacity: 1 !important;
    overflow: visible !important;

    box-shadow: 0 18px 35px rgba(239, 43, 45, 0.22) !important;
}

/* Matikan lingkaran merah palsu agar tidak bentrok */
#layanan .startup-service-icon::before {
    display: none !important;
    content: none !important;
}

/* Bayangan hitam kecil di bawah icon */
#layanan .startup-service-icon::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    width: 56px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: rgba(15, 23, 42, 0.90) !important;
    left: 50% !important;
    bottom: -5px !important;
    transform: translateX(-50%) !important;
    z-index: -1 !important;
}

/* Icon Bootstrap di dalam lingkaran */
#layanan .startup-service-icon i {
    color: #ffffff !important;
    opacity: 1 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    display: inline-block !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Teks layanan */
#layanan .startup-service-item {
    color: #1f2937 !important;
    font-weight: 800 !important;
    text-align: center !important;
}

/* Mobile */
@media (max-width: 520px) {
    #layanan .startup-service-icon {
        width: 68px !important;
        height: 68px !important;
    }

    #layanan .startup-service-icon i {
        font-size: 25px !important;
    }

    #layanan .startup-service-icon::after {
        width: 44px !important;
        height: 10px !important;
        bottom: -4px !important;
    }
}

/* =========================================================
   PATCH UI MEDIA PUBLIK SMART RT V11 - 06 JULI 2026
   Tujuan: foto berita, UMKM, pariwisata, dan iklan tampil penuh
   seperti beranda publik Yayasan Airlangga.
   ========================================================= */

.public-headline-card,
.public-directory-headline-card,
.news-scroll-panel,
.directory-scroll-panel,
.news-card.portal-card,
.portal-card,
.directory-card {
    overflow:hidden !important;
}

.headline-image-box,
.directory-headline-image-box,
.news-thumb,
.directory-photo,
.news-scroll-thumb,
.directory-scroll-thumb {
    padding:0 !important;
    overflow:hidden !important;
    background:#f8fafc !important;
}

.headline-image-box img,
.directory-headline-image-box img,
.news-thumb img,
.directory-photo img,
.news-scroll-thumb img,
.directory-scroll-thumb img {
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
}

.headline-image-box {
    height:310px !important;
}

.directory-headline-image-box {
    height:255px !important;
}

.news-scroll-thumb {
    width:132px !important;
    min-width:132px !important;
    height:88px !important;
}

.directory-scroll-thumb {
    width:112px !important;
    min-width:112px !important;
    height:92px !important;
}

.headline-no-image,
.news-no-image,
.directory-headline-no-image,
.ads-empty {
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    background:linear-gradient(135deg,#ecfeff,#d9f99d) !important;
    color:#0f766e !important;
}

.directory-scroll-thumb:not(:has(img)),
.news-scroll-thumb:not(:has(img)) {
    background:linear-gradient(135deg,#ecfeff,#f8fafc) !important;
}

.ads-public-section .ads-slider-box,
.ads-slider-box {
    align-items:stretch !important;
}

.ads-public-section .ads-slide-card,
.ads-slide-card {
    aspect-ratio:4 / 1 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
    background:#ffffff !important;
}

.ads-public-section .ads-slide-card img,
.ads-slide-card img {
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    background:#ffffff !important;
}

@media(max-width:900px){
    .headline-image-box,
    .directory-headline-image-box {
        height:235px !important;
    }
}

@media(max-width:560px){
    .headline-image-box,
    .directory-headline-image-box {
        height:210px !important;
    }

    .news-scroll-thumb {
        width:100px !important;
        min-width:100px !important;
        height:78px !important;
    }

    .directory-scroll-thumb {
        width:96px !important;
        min-width:96px !important;
        height:76px !important;
    }

    .ads-public-section .ads-slide-card,
    .ads-slide-card {
        aspect-ratio:4 / 1 !important;
    }
}