/* IWEBS CITY LANDING V1 — SCOPED, NO JS */
.iwcity{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#18304e;background:#fff;overflow:hidden}
.iwcity,.iwcity *{box-sizing:border-box}
.iwcity .iwcity-wrap{width:min(1210px,calc(100% - 42px));max-width:1210px;margin:0 auto}
.iwcity h1,.iwcity h2,.iwcity h3,.iwcity p{font-family:inherit!important;text-transform:none!important;text-align:left!important}
.iwcity h1{font-size:clamp(37px,4.3vw,59px)!important;line-height:1.12!important;letter-spacing:-2.3px!important;font-weight:800!important;margin:20px 0!important;color:#152b49!important}
.iwcity h1 em{font-style:normal;color:#2862e9}
.iwcity h2{font-size:clamp(27px,3vw,39px)!important;line-height:1.22!important;letter-spacing:-1px!important;font-weight:800!important;margin:11px 0 17px!important;color:#173253!important}
.iwcity h3{font-size:17px!important;font-weight:750!important;line-height:1.45!important;margin:0 0 10px!important;color:#1c3859!important}
.iwcity p{font-size:15px!important;line-height:1.85!important;color:#647992!important;margin:0!important}
.iwcity-hero{background:linear-gradient(115deg,#f8fbff 15%,#eff5ff 100%);padding:90px 0 92px}
.iwcity-hero-grid{display:grid;grid-template-columns:1fr .93fr;align-items:center;gap:70px}
.iwcity-eyebrow,.iwcity-kicker{font-size:11px;font-weight:850;letter-spacing:1.8px;color:#2862e9}
.iwcity-dot{display:inline-block;width:8px;height:8px;background:#2862e9;border-radius:50%;margin-right:7px}
.iwcity-lead{max-width:570px}
.iwcity-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.iwcity-btn{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:49px;border-radius:9px;padding:12px 21px;font-size:13px;font-weight:750;text-decoration:none!important;transition:transform .2s}
.iwcity-btn svg{width:18px;height:18px}.iwcity-btn:hover{transform:translateY(-2px)}
.iwcity-primary{background:#2862e9;color:white!important;box-shadow:0 10px 25px #2862e925}
.iwcity-secondary{background:#fff;color:#23446f!important;border:1px solid #d8e3f2}
.iwcity-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#71849c;font-size:12px}
.iwcity-trust span{display:flex;align-items:center;gap:5px}.iwcity-trust svg{width:16px;height:16px;color:#2a69cb}
.iwcity-visual{position:relative;padding:16px 0 25px}
.iwcity-window{border:1px solid #dbe6f4;background:#fff;padding:13px;border-radius:19px;box-shadow:0 24px 70px #1d477624;transform:rotate(-1.2deg)}
.iwcity-windowbar{display:flex;gap:5px;align-items:center;padding:4px 5px 15px}.iwcity-windowbar i{width:7px;height:7px;border-radius:50%;background:#d2ddec}.iwcity-windowbar span{font-size:8px;letter-spacing:1px;margin-left:auto;color:#91a4ba}
.iwcity-demo{border-radius:12px;overflow:hidden;background:#eaf1f9;min-height:320px}
.iwcity-demo-nav{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;background:#fff;font-size:9px;color:#2d507a}.iwcity-demo-nav strong{font-size:12px}.iwcity-demo-nav span{color:#8a9cb0}
.iwcity-demo-main{display:grid;grid-template-columns:1.3fr .7fr;gap:8px;align-items:center;padding:42px 25px;background:linear-gradient(130deg,#173c68,#3b80bc);min-height:255px;color:#fff}
.iwcity-demo-main small{font-size:8px;letter-spacing:1px;color:#b9dfff}.iwcity-demo-main h2{color:white!important;font-size:27px!important;letter-spacing:-.7px!important;margin:10px 0!important}.iwcity-demo-main p{color:#d4e8ff!important;font-size:10px!important}.iwcity-demo-main b{display:inline-block;padding:10px 15px;border-radius:6px;background:#fff;color:#23527e;margin-top:16px;font-size:9px}
.iwcity-demo-art{display:grid;gap:10px;transform:rotate(-7deg)}.iwcity-demo-art span{height:55px;border-radius:10px;background:#b6d8ee}.iwcity-demo-art span:nth-child(2){background:#75b1d5;transform:translateX(-15px)}.iwcity-demo-art span:nth-child(3){background:#e1edf5;transform:translateX(8px)}
.iwcity-floating-note{position:absolute;bottom:0;left:-22px;display:flex;align-items:center;gap:11px;padding:14px 18px;background:#fff;border:1px solid #e0e9f3;border-radius:12px;box-shadow:0 12px 35px #204e751c;color:#2862e9}.iwcity-floating-note span{display:grid}.iwcity-floating-note b{font-size:12px;color:#1d3859}.iwcity-floating-note small{font-size:10px;color:#889bb0}
.iwcity-section{padding:87px 0}.iwcity-soft{background:#f6f9fd}.iwcity-section-top{max-width:700px;margin-bottom:32px}.iwcity-features,.iwcity-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.iwcity-features article,.iwcity-types article{background:#fff;border:1px solid #e1e9f4;border-radius:14px;padding:27px 23px}
.iwcity-features article p,.iwcity-types article p{font-size:13px!important}.iwcity-icon{width:48px;height:48px;display:grid;place-items:center;background:#edf4ff;border-radius:12px;color:#3269cd;margin-bottom:22px}
.iwcity-types article>svg{color:#3169c5;margin-bottom:22px}
.iwcity-split,.iwcity-faq-grid{display:grid;grid-template-columns:.85fr 1fr;gap:90px;align-items:start}.iwcity-textlink{display:inline-block;margin-top:22px;color:#2862e9;font-size:14px;font-weight:750}
.iwcity-steps{display:grid;gap:12px}.iwcity-steps>div{display:flex;align-items:center;gap:23px;border:1px solid #e2eaf4;border-radius:11px;padding:18px 22px}.iwcity-steps b{font-size:19px;color:#2862e9}.iwcity-steps span{display:grid;gap:5px}.iwcity-steps strong{font-size:14px}.iwcity-steps small{color:#7488a0;font-size:12px}
.iwcity-faq{background:#fff;border:1px solid #e1e9f4;border-radius:13px;overflow:hidden}.iwcity-faq details+details{border-top:1px solid #e6edf6}.iwcity-faq summary{padding:20px 23px;cursor:pointer;font-size:14px;font-weight:650;list-style:none}.iwcity-faq summary::-webkit-details-marker{display:none}.iwcity-faq summary:after{content:"+";float:right;color:#336cc4}.iwcity-faq details[open] summary:after{content:"−"}.iwcity-faq details p{padding:0 23px 22px;font-size:13px!important}
.iwcity-last{background:#142f52;padding:62px 0}.iwcity-last-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.iwcity-last span{color:#9bc2ff;font-size:11px;font-weight:750;letter-spacing:1.4px}.iwcity-last h2{color:white!important;max-width:740px}.iwcity-last p{color:#c4d6eb!important}.iwcity-light{background:#fff;color:#173c67!important;white-space:nowrap}
@media(max-width:950px){.iwcity-hero-grid{gap:30px}.iwcity-features,.iwcity-types{grid-template-columns:repeat(2,1fr)}.iwcity-split,.iwcity-faq-grid{gap:35px}}
@media(max-width:700px){.iwcity .iwcity-wrap{width:calc(100% - 32px)}.iwcity-hero{padding:55px 0}.iwcity-hero-grid,.iwcity-split,.iwcity-faq-grid{grid-template-columns:1fr}.iwcity h1{letter-spacing:-1.5px!important}.iwcity-visual{margin-top:10px}.iwcity-section{padding:55px 0}.iwcity-features,.iwcity-types{grid-template-columns:1fr}.iwcity-last-inner{display:block}.iwcity-light{margin-top:24px}.iwcity-demo-main h2{font-size:22px!important}}
@media(prefers-reduced-motion:reduce){.iwcity-btn{transition:none}}


/* IWEBS BANDUNG JSON EDITORIAL V1 */
.iwcity .iwcity-article-layout {
  display:grid;
  grid-template-columns:minmax(200px, .75fr) minmax(0, 1.65fr);
  gap:clamp(28px, 5vw, 85px);
  align-items:start;
}
.iwcity .iwcity-article-aside {
  position:relative;
  padding-top:8px;
}
.iwcity .iwcity-article-aside h2 {
  font-size:clamp(25px, 2.7vw, 39px);
  line-height:1.22;
  margin:18px 0;
  letter-spacing:-.035em;
  color:#112b50;
}
.iwcity .iwcity-article-aside p {
  font-size:15px;
  line-height:1.8;
  color:#64748b;
}
.iwcity .iwcity-article > h2 {
  font-size:clamp(24px, 2.5vw, 36px);
  line-height:1.3;
  margin:0 0 24px;
  color:#10294b;
  letter-spacing:-.025em;
}
.iwcity .iwcity-richtext {
  overflow-wrap:anywhere;
  font-size:16px;
  line-height:1.95;
  color:#3c4c62;
}
.iwcity .iwcity-richtext p {
  margin:0 0 19px;
  line-height:inherit;
}
.iwcity .iwcity-richtext h2 {
  font-size:clamp(23px, 2.25vw, 32px);
  line-height:1.35;
  margin:40px 0 16px;
  color:#10294b;
  letter-spacing:-.025em;
}
.iwcity .iwcity-richtext h2:first-child {
  margin-top:0;
}
.iwcity .iwcity-richtext h3 {
  font-size:20px;
  line-height:1.4;
  margin:27px 0 12px;
  color:#123257;
}
.iwcity .iwcity-richtext a {
  color:#2563eb;
  text-decoration:underline;
  text-underline-offset:3px;
}
.iwcity .iwcity-richtext ul,
.iwcity .iwcity-richtext ol {
  padding-left:24px;
  margin:0 0 20px;
}
.iwcity .iwcity-richtext li {
  padding:3px 0;
}
@media (max-width:800px) {
  .iwcity .iwcity-article-layout {
    grid-template-columns:1fr;
    gap:25px;
  }
  .iwcity .iwcity-article-aside h2 {
    margin:12px 0;
  }
  .iwcity .iwcity-richtext {
    font-size:15px;
    line-height:1.85;
  }
}


/* IWEBS BANDUNG ARTICLE TYPOGRAPHY V1 */
.iwcity .iwcity-richtext {
    font-size: 18px;
    line-height: 1.85;
}

.iwcity .iwcity-richtext p {
    font-size: 18px;
    line-height: 1.85;
    margin: 0 0 24px;
}

.iwcity .iwcity-richtext p:last-child {
    margin-bottom: 0;
}

.iwcity .iwcity-richtext h2 {
    margin-top: 42px;
    margin-bottom: 20px;
}

.iwcity .iwcity-richtext h3 {
    margin-top: 32px;
    margin-bottom: 16px;
}

@media (max-width: 800px) {
    .iwcity .iwcity-richtext,
    .iwcity .iwcity-richtext p {
        font-size: 17px;
        line-height: 1.85;
    }

    .iwcity .iwcity-richtext p {
        margin-bottom: 22px;
    }
}


/* IWEBS BANDUNG DYNAMIC SEO IMAGE V2 */
#city-content .iwcity-seo-image {
    margin: 0 !important;
    
    display: block;
    width: 100%;
    max-width: 390px;
    
    padding: 0;
}

#city-content .iwcity-seo-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid #e5eaf2;
    box-shadow: 0 12px 30px rgba(16, 41, 75, 0.08);
}

@media (max-width: 800px) {
    #city-content .iwcity-seo-image {
    margin: 0 !important;
        max-width: 100%;
        
    }
}


/* IWEBS PREMIUM SEO IMAGE V3.1 */
#city-content figure.iwcity-image-premium {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 390px;
    margin: 0 !important;
    margin-inline: 0 !important;
    padding: 13px;
    background: #fff;
    border: 1px solid #e2eaf5;
    border-radius: 17px;
    box-shadow: 0 18px 44px rgba(16, 41, 75, .09);
    overflow: hidden;
}

#city-content .iwcity-image-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 2px 2px 12px;
}

#city-content .iwcity-image-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #17479b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
}

#city-content .iwcity-image-status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2563eb;
}

#city-content .iwcity-image-mark {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    color: #94a3b8;
}

#city-content .iwcity-image-media {
    overflow: hidden;
    border-radius: 10px;
    background: #edf2f9;
}

#city-content .iwcity-image-premium .iwcity-image-media img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

#city-content .iwcity-image-caption {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0;
    padding: 14px 2px 2px;
    text-align: left;
    font-style: normal;
}

#city-content .iwcity-image-caption-icon {
    display: grid;
    place-items: center;
    flex: 0 0 33px;
    width: 33px;
    height: 33px;
    border: 1px solid #dbe7ff;
    border-radius: 10px;
    background: #eff5ff;
    color: #2563eb;
    font-size: 18px;
}

#city-content .iwcity-image-caption strong {
    display: block;
    color: #112b50;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
}

#city-content .iwcity-image-caption small {
    display: block;
    color: #71809a;
    font-size: 11px;
    line-height: 1.6;
}

@media (max-width: 800px) {
    #city-content figure.iwcity-image-premium {
        max-width: 420px;
        padding: 11px;
        margin: 0 !important;
    }
}


/* IWEBS CITY FLOATING IMAGE V4 */
#city-content figure.iwcity-floating-image {
    position: relative;
    isolation: isolate;
    display: block;
    box-sizing: border-box;
    width: calc(100% - 16px);
    max-width: 370px;
    margin: 18px 0 24px 8px !important;
    padding: 0;
    border: none;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    transform: rotate(-2deg);
}

/* Decorative offset layer */
#city-content .iwcity-floating-image::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 9px -9px -9px 9px;
    border: 1px solid #cbdcf7;
    border-radius: 12px;
    background: #eff5ff;
    transform: rotate(3deg);
}

/* Thin architectural outline */
#city-content .iwcity-floating-image::after {
    content: "";
    position: absolute;
    z-index: -2;
    inset: -10px 13px 13px -11px;
    border: 1px solid rgba(37,99,235,.24);
    border-radius: 13px;
    transform: rotate(-1deg);
}

#city-content figure.iwcity-floating-image > img {
    position: relative;
    z-index: 1;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 4px solid #fff;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(13,38,79,.15);
}

@media (max-width: 800px) {
    #city-content figure.iwcity-floating-image {
        width: calc(100% - 18px);
        max-width: 390px;
        margin: 16px 0 24px 9px !important;
        transform: rotate(-1.3deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    #city-content figure.iwcity-floating-image {
        transition: none;
        animation: none;
    }
}


/* IWEBS BANDUNG PREMIUM EDITORIAL V1 */

/* Keseimbangan proporsi kolom */
#city-content .iwcity-template-section .iwcity-article-layout {
    display: grid;
    grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
    gap: clamp(30px, 4vw, 58px);
    align-items: start;
}

/* Panel editorial kiri */
#city-content .iwcity-template-section .iwcity-article-aside {
    box-sizing: border-box;
    position: sticky;
    top: 110px;
    isolation: isolate;
    min-width: 0;
    padding: clamp(30px, 3.3vw, 48px);
    border: 1px solid #e3eaf7;
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0%,
            rgba(59, 130, 246, .10), transparent 44%),
        linear-gradient(145deg, #ffffff 0%, #f5f8ff 100%);
    box-shadow: 0 18px 50px rgba(15, 43, 83, .045);
    overflow: hidden;
}

/* Ornamen dekoratif tanpa gambar */
#city-content .iwcity-template-section .iwcity-article-aside::before {
    content: "";
    display: block;
    width: 44px;
    height: 4px;
    margin-bottom: 32px;
    border-radius: 4px;
    background: linear-gradient(90deg, #2563eb, #93c5fd);
}

#city-content .iwcity-template-section .iwcity-article-aside::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 165px;
    height: 165px;
    right: -80px;
    bottom: -95px;
    border: 1px solid rgba(37, 99, 235, .11);
    border-radius: 50%;
    box-shadow:
        0 0 0 24px rgba(37, 99, 235, .025),
        0 0 0 48px rgba(37, 99, 235, .018);
    pointer-events: none;
}

#city-content .iwcity-template-section .iwcity-article-aside .iwcity-kicker {
    display: inline-block;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .13em;
    font-weight: 800;
    color: #2563eb;
}

#city-content .iwcity-template-section .iwcity-article-aside h2 {
    max-width: 430px;
    margin: 21px 0 22px;
    font-size: clamp(29px, 2.8vw, 42px);
    line-height: 1.22;
    letter-spacing: -.045em;
    color: #102a50;
}

#city-content .iwcity-template-section .iwcity-article-aside p {
    max-width: 360px;
    margin: 0;
    font-size: 16px;
    line-height: 1.85;
    color: #637690;
}

/* Kolom artikel kanan */
#city-content .iwcity-template-section .iwcity-article {
    min-width: 0;
    max-width: 100%;
    padding-top: 10px;
}

#city-content .iwcity-template-section .iwcity-richtext {
    font-size: 18px !important;
    line-height: 1.85 !important;
    color: #506681;
}

#city-content .iwcity-template-section .iwcity-richtext p {
    font-size: 18px !important;
    line-height: 1.85 !important;
    margin: 0 0 18px !important;
}

#city-content .iwcity-template-section .iwcity-richtext h2 {
    margin: 0 0 25px !important;
    font-size: clamp(27px, 2.45vw, 35px);
    line-height: 1.27;
    letter-spacing: -.035em;
    color: #102a50;
}

#city-content .iwcity-template-section .iwcity-richtext h2:not(:first-child) {
    margin-top: 55px !important;
}

#city-content .iwcity-template-section .iwcity-richtext h3 {
    margin: 35px 0 17px !important;
    font-size: 23px;
    line-height: 1.35;
    color: #123257;
}

/* Tablet */
@media (max-width: 1050px) {
    #city-content .iwcity-template-section .iwcity-article-layout {
        grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
        gap: 28px;
    }

    #city-content .iwcity-template-section .iwcity-article-aside {
        padding: 27px;
    }

    #city-content .iwcity-template-section .iwcity-article-aside h2 {
        font-size: 30px;
    }
}

/* Mobile: satu kolom, artikel tetap mudah dibaca */
@media (max-width: 800px) {
    #city-content .iwcity-template-section .iwcity-article-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    #city-content .iwcity-template-section .iwcity-article-aside {
        position: relative;
        top: auto;
        padding: 28px;
        border-radius: 18px;
    }

    #city-content .iwcity-template-section .iwcity-article-aside h2 {
        font-size: clamp(27px, 6vw, 35px);
    }

    #city-content .iwcity-template-section .iwcity-article {
        padding-top: 0;
    }

    #city-content .iwcity-template-section .iwcity-richtext,
    #city-content .iwcity-template-section .iwcity-richtext p {
        font-size: 17px !important;
        line-height: 1.85 !important;
    }
}


/* IWEBS BANDUNG EDITORIAL ROWS V2 */

#city-content .iwcity-template-section {
    background: #f6f9fd;
}

#city-content .iwcity-template-heading {
    margin-bottom: 34px;
    padding-bottom: 22px;
    border-bottom: 1px solid #dce6f2;
}

#city-content .iwcity-template-heading p {
    margin: 12px 0 0;
    font-size: 16px;
    line-height: 1.7;
    color: #64748b;
}

#city-content .iwcity-template-rows {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#city-content .iwcity-template-row {
    display: grid;
    grid-template-columns: minmax(0, 40fr) minmax(0, 60fr);
    gap: clamp(25px, 4vw, 56px);
    align-items: start;
    padding: clamp(28px, 3vw, 42px);
    background: #ffffff;
    border: 1px solid #e2eaf5;
    border-radius: 18px;
    box-shadow: 0 5px 20px rgba(16, 41, 75, .025);
}

#city-content .iwcity-template-row:nth-child(even) {
    background: #fbfdff;
}

#city-content .iwcity-template-topic {
    min-width: 0;
    position: relative;
    padding-left: 23px;
    border-left: 3px solid #d7e5ff;
}

#city-content .iwcity-template-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 37px;
    height: 29px;
    margin-bottom: 20px;
    padding: 0 9px;
    background: #eff5ff;
    border: 1px solid #dce8ff;
    border-radius: 8px;
    color: #2563eb;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
}

#city-content .iwcity-template-topic h2 {
    margin: 0;
    font-size: clamp(25px, 2.45vw, 35px);
    line-height: 1.25;
    letter-spacing: -.035em;
    color: #102a50;
    font-weight: 800;
    overflow-wrap: anywhere;
}

#city-content .iwcity-template-body {
    min-width: 0;
    padding-top: 2px;
    font-size: 18px !important;
    line-height: 1.85 !important;
}

#city-content .iwcity-template-body p {
    margin: 0 0 15px !important;
    font-size: 18px !important;
    line-height: 1.85 !important;
}

#city-content .iwcity-template-body p:last-child {
    margin-bottom: 0 !important;
}

#city-content .iwcity-template-body h3 {
    font-size: 22px;
    margin: 25px 0 14px;
}

#city-content .iwcity-template-body ul,
#city-content .iwcity-template-body ol {
    margin: 0 0 15px;
}

@media (max-width: 800px) {
    #city-content .iwcity-template-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        padding: 25px 22px;
        border-radius: 15px;
    }

    #city-content .iwcity-template-topic {
        padding-left: 17px;
    }

    #city-content .iwcity-template-topic h2 {
        font-size: clamp(25px, 5.7vw, 32px);
    }

    #city-content .iwcity-template-body,
    #city-content .iwcity-template-body p {
        font-size: 17px !important;
        line-height: 1.8 !important;
    }

    #city-content .iwcity-template-heading {
        margin-bottom: 24px;
    }
}


/* IWEBS EDITORIAL SVG V3 */

/* Kembalikan layout Open Editorial tanpa kartu */
#city-content .iwcity-template-section {
    background: #ffffff;
}

#city-content .iwcity-template-section .iwcity-template-rows {
    display: block;
}

#city-content .iwcity-template-section .iwcity-template-row,
#city-content .iwcity-template-section .iwcity-template-row:nth-child(even) {
    display: grid;
    grid-template-columns: minmax(0, 43fr) minmax(0, 57fr);
    gap: clamp(24px, 4vw, 64px);
    align-items: start;
    margin: 0;
    padding: 48px 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #e4eaf2;
    border-radius: 0;
    box-shadow: none;
}

#city-content .iwcity-template-section .iwcity-template-topic {
    min-width: 0;
    padding-left: 0;
    border-left: 0;
}

#city-content .iwcity-template-section .iwcity-template-number {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    min-width: 0;
    height: auto;
    margin-bottom: 16px;
    color: #2563eb;
}

#city-content .iwcity-template-section .iwcity-template-topic h2 {
    max-width: 410px;
    font-size: clamp(25px, 2.5vw, 35px);
    line-height: 1.24;
    letter-spacing: -.035em;
}

#city-content .iwcity-template-section .iwcity-template-topic h2::after {
    content: "";
    display: block;
    width: 36px;
    height: 3px;
    margin-top: 21px;
    border-radius: 4px;
    background: #3274f5;
}

/* Ilustrasi SVG besar tanpa kartu tambahan */
#city-content .iwcity-topic-art {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 350px);
    aspect-ratio: 350 / 240;
    margin: 26px 0 0;
    padding: 0;
    background: radial-gradient(
        ellipse at 50% 55%,
        #eef5ff 0%,
        #f8fbff 54%,
        transparent 75%
    );
}

#city-content .iwcity-topic-art svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    flex-shrink: 0;
}

#city-content .iwcity-template-section .iwcity-template-body {
    padding-top: 2px;
    font-size: 18px !important;
    line-height: 1.85 !important;
}

#city-content .iwcity-template-section .iwcity-template-body p {
    font-size: 18px !important;
    line-height: 1.85 !important;
    margin-bottom: 15px !important;
}

@media (max-width: 800px) {
    #city-content .iwcity-template-section .iwcity-template-row,
    #city-content .iwcity-template-section .iwcity-template-row:nth-child(even) {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        padding: 34px 0;
    }

    #city-content .iwcity-topic-art {
        width: min(85%, 320px);
        margin: 22px auto 0;
    }

    #city-content .iwcity-template-section .iwcity-template-body,
    #city-content .iwcity-template-section .iwcity-template-body p {
        font-size: 17px !important;
    }
}


/* IWEBS EDITORIAL VERTICAL CENTER V1 */

/* Sejajarkan isi kolom kiri dan kanan secara vertikal */
#city-content .iwcity-template-section .iwcity-template-row {
    align-items: center !important;
}

/* Artikel kanan berada di tengah tinggi kolom kiri */
#city-content .iwcity-template-section .iwcity-template-body {
    align-self: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Mobile tetap mengikuti alur baca normal */
@media (max-width: 800px) {
    #city-content .iwcity-template-section .iwcity-template-row {
        align-items: stretch !important;
    }

    #city-content .iwcity-template-section .iwcity-template-body {
        align-self: stretch !important;
    }
}


/* IWEBS BANDUNG BENEFIT ACCORDION V1.1 */
#city-content .iwcity-benefit-accordion {
    width: 100%;
    border: 1px solid #dce6f4;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}

#city-content .iwcity-benefit-item {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e3eaf3;
}

#city-content .iwcity-benefit-item:last-child {
    border-bottom: 0;
}

#city-content .iwcity-benefit-item summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 20px 22px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    color: #102a50;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45;
}

#city-content .iwcity-benefit-item summary::-webkit-details-marker {
    display: none;
}

#city-content .iwcity-benefit-item summary::marker {
    content: "";
}

#city-content .iwcity-benefit-item summary:hover {
    background: #f7faff;
}

#city-content .iwcity-benefit-item summary:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: -3px;
}

#city-content .iwcity-benefit-toggle {
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

#city-content .iwcity-benefit-toggle::before,
#city-content .iwcity-benefit-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #2563eb;
    border-radius: 2px;
    transform: translate(-50%, -50%);
}

#city-content .iwcity-benefit-toggle::before {
    width: 12px;
    height: 2px;
}

#city-content .iwcity-benefit-toggle::after {
    width: 2px;
    height: 12px;
}

#city-content .iwcity-benefit-item[open]
.iwcity-benefit-toggle::after {
    display: none;
}

#city-content .iwcity-benefit-content {
    padding: 0 22px 22px;
    color: #506681;
    font-size: 18px;
    line-height: 1.85;
}

#city-content .iwcity-benefit-content p {
    margin: 0 0 15px !important;
}

#city-content .iwcity-benefit-content p:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 800px) {
    #city-content .iwcity-benefit-item summary {
        padding: 18px;
        font-size: 16px;
    }

    #city-content .iwcity-benefit-content {
        padding: 0 18px 20px;
        font-size: 17px;
    }
}


/* IWEBS BANDUNG CTA WHITE PREMIUM V1 */

#city-content .iwcity-last {
    background: #ffffff !important;
    border-top: 1px solid #e5edf6;
    border-bottom: 1px solid #e5edf6;
}

#city-content .iwcity-last-inner {
    background: transparent !important;
}

#city-content .iwcity-last-inner > div > span {
    color: #2563eb !important;
}

#city-content .iwcity-last-inner h2 {
    color: #102a50 !important;
}

#city-content .iwcity-last-inner p {
    color: #64748b !important;
}

#city-content .iwcity-last .iwcity-btn.iwcity-light {
    background: #142f55 !important;
    color: #ffffff !important;
    border: 1px solid #142f55 !important;
    box-shadow: 0 10px 24px rgba(20, 47, 85, .12);
    text-decoration: none;
}

#city-content .iwcity-last .iwcity-btn.iwcity-light:hover {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

#city-content .iwcity-last .iwcity-btn.iwcity-light svg {
    color: #ffffff !important;
    stroke: currentColor;
}

#city-content .iwcity-last .iwcity-btn.iwcity-light:focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: 4px;
}


/* IWEBS BANDUNG REMOVE FOOTER GAP V1 */

/* Hilangkan jarak setelah CTA Bandung */
#city-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#city-content .iwcity-last {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

/* Footer global langsung mengikuti section CTA */
#city-content + .iw-footer-shell,
#city-content + .iw-global-footer {
    margin-top: 0 !important;
}


/* IWEBS BANDUNG PAGEWRAPPER WHITE V1 */
.pageWrapper:has(#city-content) {
    background: #fff !important;
}


/* IWEBS BANDUNG PAGEWRAPPER FIX V2 */

/* Override pageWrapper lama khusus halaman Bandung */
body:has(#city-content) .pageWrapper {
    background: #ffffff !important;
    padding-bottom: 0 !important;
}

/* Tidak mengubah padding dan background footer global */