/* Homepage revamp — extracted from views/home.blade.php */

/* ===== Home Copy: tokens & base ===== */
:root {
    --hcc-white:#fff;
    --hcc-bg-soft:#fef3e9;
    --hcc-bg-muted:#fafafa;
    --hcc-border:#dfe1e7;
    --hcc-clinic-card-border:rgba(245,130,32,.1);
    --hcc-text-title:#101820;
    --hcc-text-body:#666d80;
    --hcc-text-dark:#0d0d12;
    --hcc-primary:#f58220;
    --hcc-font:Montserrat,Arial,sans-serif;
    --hcc-card-ring:rgba(245,130,32,.16);
    --hcc-card-ring-shadow:0 0 0 1px var(--hcc-card-ring),0 1px 2px rgba(13,13,18,.05);
}
.homepage-revamp-wrap { display:flex; justify-content:center; background:#fef3e9; }
body.homepage-revamp-switching .homepage-revamp-page {
    opacity:.92;
}
/* Replace old home completely on this page (no JS dependency) */
#header,
.header-mobile:not(.hcc-header-mobile-original):not(.header-mobile-copy),
footer#footer-elem,
#backtop {
    display:none !important;
}
#main > *:not(.homepage-revamp-wrap) {
    display:none !important;
}
#main,
#page-wrap,
#page-wrap .default,
#page-wrap .no-sidebar {
    padding:0 !important;
    margin:0 !important;
    padding-top:0 !important;
    min-height:auto !important;
    background:#fef3e9 !important;
}
.homepage-revamp-wrap { display:flex !important; }
.hcc-desktop-header,
.hcc-desktop-nav { display:none; }
.hcc-header-ticker--desktop { display:none; }
.hcc-desktop-nav-search,
.hcc-desktop-nav-pill {
    text-decoration:none;
}
.hcc-desktop-search-modal {
    display:none;
}
.hcc-desktop-search-modal-close--mobile,
.hcc-desktop-search-modal-submit--mobile {
    display:none;
}
/* Search modal — shared styles (mobile + desktop) */
.hcc-desktop-search-modal-scope-label,
.hcc-desktop-search-modal-pill,
.hcc-desktop-search-modal-pill span {
    font-family:Montserrat,var(--hcc-font);
    font-size:16px;
    font-weight:500;
    font-style:normal;
    line-height:1.6;
    letter-spacing:-.32px;
    text-align:center;
}
.hcc-desktop-search-modal-pill {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:40px;
    padding:8px 16px;
    border-radius:999px;
    border:1px solid var(--hcc-border);
    background:#fff;
    color:var(--hcc-text-dark);
    cursor:pointer;
    white-space:nowrap;
    flex-shrink:0;
    appearance:none;
    -webkit-appearance:none;
    box-shadow:none;
}
.hcc-desktop-search-modal-pill span {
    display:block;
    color:inherit;
}
.hcc-desktop-search-modal-pill img {
    width:20px;
    height:20px;
    display:block;
    object-fit:contain;
    flex:0 0 20px;
}
.hcc-desktop-search-modal-pill.is-active {
    background:#101820;
    border-color:#101820;
    color:#fff;
}
.hcc-desktop-search-modal-pill.is-active span {
    color:#fff;
}
.hcc-desktop-search-modal-pill.is-active img {
    filter:brightness(0) invert(1);
}
.hcc-desktop-search-modal-pill:focus,
.hcc-desktop-search-modal-pill:focus-visible {
    outline:none;
}
.hcc-desktop-search-modal-list {
    list-style:none;
    margin:0;
    padding:0;
}
.hcc-desktop-search-modal-suggestion {
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    margin:0;
    border:0;
    background:transparent;
    cursor:pointer;
    text-align:left;
    font-family:Montserrat,var(--hcc-font);
    appearance:none;
    -webkit-appearance:none;
    box-shadow:none;
    outline:none;
}
.hcc-desktop-search-modal-suggestion:focus,
.hcc-desktop-search-modal-suggestion:focus-visible {
    outline:none;
}
.hcc-desktop-search-modal-suggestion img {
    width:24px;
    height:24px;
    flex:0 0 24px;
    display:block;
    object-fit:contain;
}
.hcc-desktop-search-modal-suggestion span {
    font-weight:400;
    line-height:1.6;
    text-decoration:underline;
    text-decoration-style:dotted;
    text-underline-offset:3px;
    text-align:left;
}
.hcc-desktop-search-modal-list--popular .hcc-desktop-search-modal-suggestion span {
    color:var(--hcc-text-dark);
}
.hcc-desktop-search-modal-list--recent .hcc-desktop-search-modal-suggestion span {
    color:var(--hcc-text-body);
}
.hcc-desktop-search-modal-list--recent .hcc-desktop-search-modal-suggestion img {
    opacity:.85;
}
.hcc-desktop-search-modal-col-head {
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:16px;
    color:var(--hcc-text-body);
    font-family:Montserrat,var(--hcc-font);
    font-size:16px;
    font-weight:400;
    line-height:1.6;
    letter-spacing:-.32px;
    text-transform:uppercase;
}
.hcc-desktop-search-modal-col-head img {
    width:16px;
    height:16px;
    display:block;
    flex:0 0 16px;
}
body.hcc-search-open {
    overflow:hidden;
}
.visually-hidden {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

/* ===== Home Copy: bridge to original mobile header/sidenav ===== */
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original {
    position:fixed !important;
    top:0;
    left:0;
    right:0;
    height:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    overflow:visible !important;
    z-index:10040;
    pointer-events:none;
}
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original > nav.container.navigation,
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original > .search[data-target="mobile"],
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original > .search-input.mobile,
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original > .icon-wrapper {
    display:none !important;
}
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav {
    z-index: 10050 !important;
    pointer-events:auto;
}
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav .side-logo-wrapper {
    z-index: 10051 !important;
}
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav.hcc-sidenav-custom {
    background:#fff;
    width:0;
    padding:0;
    box-sizing:border-box;
    overflow:hidden;
}
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav.hcc-sidenav-custom.in,
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav.hcc-sidenav-custom.open,
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav.hcc-sidenav-custom.show,
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav.hcc-sidenav-custom.active {
    width:100% !important;
    padding:8px 14px 24px;
    overflow-y:auto;
}
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav .side-logo-wrapper.hcc-sidenav-header {
    position:absolute !important;
    top:0;
    left:0;
    width:100%;
    z-index:20;
    padding:20px 7.5%;
    margin-bottom:0;
    background:#fff;
    border-bottom:2px solid #f58220;
    box-shadow:none !important;
}
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav .hcc-sidenav-body {
    padding:100px 0 0;
}
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav .hcc-sidenav-heading {
    margin:0 0 18px;
    text-align:center;
    color:#0d0d12;
    font:500 12px/1.4 var(--hcc-font);
    letter-spacing:-.24px;
}
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav .hcc-sidenav-clinic-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px 12px;
}
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav a.hcc-sidenav-clinic-item {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:8px;
    background:#fff;
    border:1px solid var(--hcc-clinic-card-border);
    border-radius:8px;
    box-sizing:border-box;
    text-decoration:none;
}
body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav .hcc-sidenav-clinic-item img {
    width:auto;
    max-width:100%;
    max-height:40px;
    object-fit:contain;
    display:block;
}
/* ===== Home Copy: custom header UI ===== */
body.homepage-revamp-code {
    --hcc-mobile-header-height:132px;
    --hcc-mobile-booking-bar-height:77px;
    --hcc-floating-nav-height:77px;
    --hcc-desktop-header-height:96px;
    --hcc-hero-mobile-pull:30px;
}
body.homepage-revamp-code .header-mobile-copy {
    z-index:1000;
    display:block;
    position:sticky;
    top:0;
    height:auto;
    min-height:var(--hcc-mobile-header-height);
    background:var(--hcc-white);
    border-bottom:1px solid var(--hcc-border);
    overflow:visible;
    pointer-events:auto;
}
body.homepage-revamp-code .header-mobile-copy .hcc-header-menu,
body.homepage-revamp-code .header-mobile-copy .hcc-header-logo-link,
body.homepage-revamp-code .header-mobile-copy .hcc-header-top-row,
body.homepage-revamp-code .header-mobile-copy .hcc-header-brand-area {
    pointer-events:auto;
}
body.homepage-revamp-code .header-mobile-copy > nav.container.navigation,
body.homepage-revamp-code .header-mobile-copy > #sidenav,
body.homepage-revamp-code .header-mobile-copy > .search[data-target="mobile"],
body.homepage-revamp-code .header-mobile-copy > .search-input.mobile,
body.homepage-revamp-code .header-mobile-copy > .icon-wrapper {
    display:none !important;
    pointer-events:none !important;
}
body.homepage-revamp-code.sidenav-open .header-mobile.hcc-header-mobile-original #sidenav,
body.homepage-revamp-code.menu-open .header-mobile.hcc-header-mobile-original #sidenav {
    z-index:10050 !important;
    width:100% !important;
    display:block !important;
    visibility:visible !important;
}
body.homepage-revamp-code .header-mobile-copy .hcc-header-top-row {
    position:relative;
    z-index:5;
}
.hcc-header-ticker {
    height:24px;
    background:var(--hcc-text-title);
    color:var(--hcc-white);
    font:500 12px/24px var(--hcc-font);
    letter-spacing:-.24px;
    overflow:hidden;
    padding:0 10px;
    margin-bottom:4px;
    display:flex;
    align-items:center;
}
.hcc-header-ticker-track {
    display:inline-flex;
    align-items:center;
    gap:28px;
    white-space:nowrap;
    will-change:transform;
    animation:hcc-header-ticker-marquee 16s linear infinite;
}
@keyframes hcc-header-ticker-marquee {
    0% { transform:translateX(0); }
    100% { transform:translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
    .hcc-header-ticker-track {
        animation:none;
        transform:translateX(0);
    }
}
.hcc-header-top-row { height:40px; display:flex; align-items:center; justify-content:space-between; padding:0 10px; }
.hcc-header-brand-area { display:flex; align-items:center; gap:8px; }
.hcc-header-menu { width:32px; height:40px; display:inline-flex; align-items:center; justify-content:center; padding:0; margin:0; border:0; background:transparent; cursor:pointer; -webkit-tap-highlight-color:transparent; position:relative; z-index:2; pointer-events:auto; }
.hcc-header-menu img { width:24px; height:24px; object-fit:contain; }
.hcc-header-logo-link { display:inline-flex; align-items:center; flex-shrink:0; text-decoration:none; }
.hcc-header-logo { width:69px; height:32px; object-fit:contain; display:block; }
.hcc-header-pill-group { width:180px; height:32px; padding:0; gap:4px; display:flex; align-items:center; justify-content:flex-end; box-sizing:border-box; }
.hcc-header-pill-button { width:85px; height:32px; flex:0 0 85px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:4px; padding:8px; color:var(--hcc-white); font-size:12px; font-weight:500; letter-spacing:-.24px; line-height:1; text-decoration:none; font-family:var(--hcc-font); border:1px solid rgba(255,255,255,.24); box-shadow:0 1px 2px rgba(0,0,0,.2); white-space:nowrap; }
.hcc-header-pill-button .pill-icon-img { width:16px; height:16px; display:block; object-fit:contain; }
.hcc-header-pill-button.heal { background:#345d9d; border-color:rgba(52,93,157,.24); }
.hcc-header-pill-button.uplift { background:#6f111e; border-color:rgba(111,17,30,.24); }
.hcc-header-search-bar {
    width:calc(100% - 20px);
    max-width:370px;
    margin:10px 10px 0;
    height:40px;
    border-radius:999px;
    background:var(--hcc-bg-muted);
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
    padding:6px 4px 6px 16px;
}
.hcc-header-search-bar input { flex:1; border:none; outline:none; background:transparent; font-size:14px; font-weight:500; line-height:1.55; color:var(--hcc-text-body); letter-spacing:-.28px; font-family:var(--hcc-font); }
.hcc-header-search-bar input::placeholder { color:var(--hcc-text-body); opacity:1; }
.hcc-header-search-button { width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; margin-left:0; flex:0 0 32px; border-radius:999px; background:var(--hcc-bg-soft); overflow:hidden; border:0; padding:0; cursor:pointer; }
.hcc-header-search-button img { width:17.5px; height:17.5px; object-fit:contain; display:block; }
.hcc-header-search-bar[role="button"] { cursor:pointer; }
@media (max-width:1023.98px) {
    body.homepage-revamp-code:has(.header-mobile-copy .hcc-header-search-widget) {
        --hcc-hero-mobile-pull:18px;
        --hcc-mobile-header-height:140px;
    }
    body.homepage-revamp-code .header-mobile-copy:has(.hcc-header-search-widget) {
        padding-bottom:8px;
    }
    body.homepage-revamp-code .header-mobile-copy .hcc-header-search-widget {
        width:calc(100% - 20px);
        max-width:370px;
        margin:0 10px 10px;
        min-height:40px;
        height:auto;
        box-sizing:border-box;
        flex-shrink:0;
        display:flex;
        align-items:center;
        border-radius:999px;
        background:var(--hcc-bg-muted);
        overflow:visible;
        position:relative;
        z-index:6;
    }
    body.homepage-revamp-code .header-mobile-copy .hcc-header-search-widget erha-search {
        display:block;
        width:100%;
        min-height:40px;
        height:auto;
        flex:1 1 auto;
        min-width:0;
    }
    body.homepage-revamp-code .hcc-desktop-search-modal-widget-mount--mobile-only {
        display:none !important;
    }
}
/* ===== Home Copy: page layout ===== */
#page-wrap,
#page-wrap .default,
#page-wrap .no-sidebar {
    padding-top: 0 !important;
    background: inherit;
    min-height: inherit;
}
.homepage-revamp-page { width:100%; max-width:390px; background:var(--hcc-bg-soft); color:var(--hcc-text-dark); font-family:var(--hcc-font); padding-bottom:0; }
/* ===== Home Copy: hero + brand strip ===== */
.hcc-hero {
    padding:0 12px;
    background:transparent;
}
.hcc-hero-track { width:100%; }
.hcc-hero-track:not(.slick-initialized) .hcc-hero-slide:not(:first-child) {
    display:none;
}
.hcc-hero-slide { outline:none; }
.hcc-hero-slide-link { display:block; text-decoration:none; color:inherit; }
.hcc-hero-media,
.hcc-hero iframe,
.hcc-hero video,
.hcc-hero-picture,
.hcc-hero-picture img {
    width:100%;
    border-radius:16px 16px 0 0;
    display:block;
}
.hcc-hero iframe,
.hcc-hero video.hcc-hero-media {
    aspect-ratio:16/9;
    border:0;
    object-fit:cover;
    object-position:center;
    background:transparent;
}
.hcc-hero-slide[data-hcc-hero-slide-type="youtube"] iframe {
    aspect-ratio:auto;
    object-fit:unset;
    border-radius:0;
}
.hcc-hero-track.slick-initialized .slick-list { overflow:hidden; border-radius:16px 16px 0 0; }
.hcc-hero-track.slick-initialized .slick-slide { height:auto; }
.hcc-hero-track.slick-initialized .slick-slide > div { height:100%; }
.hcc-hero-desktop-meta [data-hcc-hero-dot] {
    cursor:pointer;
    border:none;
    padding:0;
    display:inline-block;
    flex-shrink:0;
}
.hcc-hero-desktop-meta { display:none; }
.hcc-hero-pagination-band { display:none; }
.hcc-hero-path-deco {
    display:none;
    align-items:center;
    justify-content:center;
    position:absolute;
    transform:translateX(-50%);
    transform-origin:center center;
    pointer-events:none;
    z-index:0;
    overflow:visible;
}
.hcc-hero-path-deco-transform {
    flex:none;
    transform:scaleY(-1) rotate(-164.21deg) skewX(3.54deg);
    transform-origin:center center;
}
.hcc-hero-path-deco-shape {
    position:relative;
}
.hcc-hero-path-deco-picture,
.hcc-hero-path-deco-img {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    border-radius:0;
}
/* Mobile/tablet baseline; desktop overrides start at 1024px */
@media (max-width:1023.98px){
    .homepage-revamp-page > .hcc-desktop-header,
    .hcc-desktop-header,
    .hcc-desktop-nav {
        display:none !important;
        height:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
        visibility:hidden !important;
        pointer-events:none !important;
    }
    .hcc-hero-desktop-meta {
        display:none !important;
    }
    .homepage-revamp-page {
        max-width:390px;
        width:100%;
        margin:0 auto;
        padding-top:0 !important;
        border-radius:0;
        overflow-x:hidden;
        overflow-y:visible;
        box-shadow:none;
        background:var(--hcc-bg-soft);
        display:flex;
        flex-direction:column;
        gap:0;
        position:relative;
    }
    /*
     * Figma Frame 1000004292 (11791:3617) + path4 (11791:3636) — mobile
     */
    .hcc-hero-path-deco {
        display:flex;
        top:-158.41px;
        left:calc(50% - 115.65px);
        width:533.296px;
        height:271.974px;
    }
    .hcc-hero-path-deco-shape {
        width:525.094px;
        height:132.06px;
    }
    .hcc-hero {
        width:100%;
        max-width:none;
        margin:calc(-1 * var(--hcc-hero-mobile-pull)) auto 0;
        padding:0 12px !important;
        padding-bottom:0 !important;
        margin-bottom:0;
        background:transparent;
        position:relative;
        z-index:1;
        overflow:visible;
    }
    .hcc-hero-media-shell,
    .hcc-hero-slider-wrap {
        background:transparent;
        border-radius:0;
    }
    /* Mobile hero: gambar tampil penuh (tinggi natural); video tetap 16:9. Tinggi slider = slide aktif (adaptiveHeight). */
    .hcc-hero-slide .hcc-hero-slide-link {
        display:block;
        width:100%;
    }
    .hcc-hero-slide[data-hcc-hero-slide-type="image"] .hcc-hero-slide-link {
        overflow:visible;
    }
    .hcc-hero-slide[data-hcc-hero-slide-type="image"] .hcc-hero-picture {
        display:block;
        width:100%;
        line-height:0;
    }
    .hcc-hero-slide[data-hcc-hero-slide-type="image"] .hcc-hero-picture img {
        width:100%;
        height:auto;
        max-width:100%;
        display:block;
        object-fit:unset;
        border-radius:16px 16px 0 0;
    }
    .hcc-hero-slide[data-hcc-hero-slide-type="mp4"] .hcc-hero-slide-link,
    .hcc-hero-slide[data-hcc-hero-slide-type="youtube"] .hcc-hero-slide-link {
        position:relative;
        width:100%;
        aspect-ratio:16/9;
        overflow:hidden;
        border-radius:16px 16px 0 0;
        background:transparent;
    }
    .hcc-hero-slide[data-hcc-hero-slide-type="youtube"] iframe {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        margin:0;
        border:0;
        border-radius:0;
        display:block;
        aspect-ratio:auto;
        object-fit:unset;
    }
    .hcc-hero-slide[data-hcc-hero-slide-type="mp4"] video.hcc-hero-media {
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        width:auto;
        height:auto;
        min-width:100%;
        min-height:100%;
        aspect-ratio:16/9;
        margin:0;
        border:0;
        border-radius:0;
        display:block;
    }
    .hcc-hero-slide[data-hcc-hero-slide-type="mp4"] video.hcc-hero-media {
        width:100%;
        height:100%;
        min-width:100%;
        min-height:100%;
        transform:none;
        top:0;
        left:0;
        object-fit:cover;
        object-position:center;
        background:transparent;
        pointer-events:auto;
    }
    .hcc-hero-track.slick-initialized .slick-list {
        border-radius:16px 16px 0 0;
        transition:height .25s ease;
        background:transparent;
    }
    .hcc-hero-track.slick-initialized .slick-track {
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:flex-start;
    }
    .hcc-hero-track.slick-initialized .slick-slide {
        height:auto !important;
        float:none !important;
    }
    .hcc-hero-track.slick-initialized .slick-slide > div {
        height:auto !important;
    }
    .hcc-hero .hcc-hero-track.slick-initialized,
    .hcc-hero .hcc-hero-track.slick-initialized .slick-list {
        margin-bottom:0;
        padding-bottom:0;
    }
    .hcc-hero-pagination-band {
        display:flex;
        align-items:center;
        justify-content:center;
        gap:4px;
        width:auto;
        max-width:none;
        margin:0 12px;
        padding:8px 0;
        background:#fff;
        position:relative;
        z-index:2;
        line-height:normal;
    }
    .hcc-hero-pagination-band [data-hcc-hero-dot] {
        cursor:pointer;
    }
    .hcc-hero-pagination-band .dot-active {
        width:28px;
        height:4px;
        border-radius:99px;
        background:rgba(13,13,18,.32);
    }
    .hcc-hero-pagination-band .dot {
        width:5px;
        height:5px;
        border-radius:50%;
        background:rgba(13,13,18,.16);
    }
    .hcc-hero + .hcc-brand-strip,
    .hcc-hero-pagination-band + .hcc-brand-strip {
        margin-top:0;
    }
    .hcc-brand-strip {
        width:auto;
        max-width:none;
        margin:0 12px 10px;
        margin-top:0;
        padding:0 10px 8px;
        border-radius:0 0 16px 16px;
        background:#fff;
        display:block;
        grid-template-columns:unset;
        gap:unset;
        box-shadow:none;
        position:relative;
        z-index:2;
        overflow:visible;
    }
    .hcc-brand-strip-label {
        position:absolute;
        left:10px;
        top:-18px;
        margin:0;
        z-index:15;
    }
    .hcc-brand-strip-track a,
    .hcc-brand-strip-track.slick-initialized .slick-slide > a {
        width:100%;
        height:52px;
        min-height:52px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#fff;
        border:1px solid var(--hcc-clinic-card-border);
        border-radius:8px;
        box-sizing:border-box;
        overflow:hidden;
    }
    .hcc-brand-strip-track.slick-initialized .slick-track {
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:stretch !important;
    }
    .hcc-brand-strip-track.slick-initialized .slick-slide {
        height:auto !important;
        display:flex !important;
        float:none !important;
    }
    .hcc-brand-strip-track a picture {
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        height:100%;
        min-height:0;
        padding:4px 6px;
        box-sizing:border-box;
    }
    .hcc-brand-strip-track a img {
        width:auto;
        max-width:100%;
        height:40px;
        max-height:40px;
        object-fit:contain;
        border-radius:0;
    }
    body.homepage-revamp-code .header-mobile.hcc-header-mobile-original #sidenav a.hcc-sidenav-clinic-item,
    .hcc-brand-strip-track a,
    .hcc-brand-strip-track.slick-initialized .slick-slide > a {
        border:1px solid rgba(245,130,32,.1) !important;
        background:#fff !important;
    }
    .hcc-journey-title {
        display:none !important;
    }
    .hcc-journey-card img {
        object-fit:cover;
    }
    .hcc-journey-heal-img--mob,
    .hcc-journey-uplift-img--mob { display:block !important; }
    .hcc-journey-heal-img--desk,
    .hcc-journey-uplift-img--desk { display:none !important; }
    .hcc-journey-card__content { display:flex !important; }
    .hcc-journey-card__content .hcc-journey-subtags { display:flex !important; }
    /* Tim Dokter: lengkungan atas (-5px) + jarak dari klinik (margin-bottom 17px − 5px ≈ 12px) */
    .hcc-clinic-slider {
        position:relative;
        z-index:1;
        margin-bottom:17px;
    }
    .hcc-clinic-slider + .hcc-doctors-top {
        margin-top:-5px;
        position:relative;
        z-index:2;
    }
    .hcc-clinic-slider {
        padding-top:0;
    }
    .hcc-doctors-top {
        background:var(--hcc-bg-soft);
        border-radius:16px 16px 0 0;
        overflow:hidden;
    }
    .hcc-doctors-wrap {
        border-radius:0;
        overflow:visible;
    }
    /* Mobile search modal — Figma Popup 11156:3184 */
    .hcc-desktop-search-modal.is-open {
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        position:fixed;
        inset:0;
        /* Above sticky header (1000) — must not sit under .header-mobile-copy */
        z-index:10100;
        padding:0;
        background:#fff;
    }
    .hcc-desktop-search-modal-backdrop {
        display:none;
    }
    .hcc-desktop-search-modal-dialog {
        position:relative;
        width:100%;
        max-width:none;
        height:100%;
        margin:0;
        display:flex;
        flex-direction:column;
    }
    .hcc-desktop-search-modal-close--desktop {
        display:none;
    }
    .hcc-desktop-search-modal-close--mobile {
        display:inline-flex;
        flex:0 0 40px;
        width:40px;
        height:40px;
        border:0;
        border-radius:999px;
        background:#fff;
        align-items:center;
        justify-content:center;
        padding:0;
        cursor:pointer;
        box-shadow:0 1px 1px rgba(13,13,18,.06);
    }
    .hcc-desktop-search-modal-close--mobile img {
        width:20px;
        height:20px;
        display:block;
    }
    .hcc-desktop-search-modal-panel {
        flex:1 1 auto;
        display:flex;
        flex-direction:column;
        min-height:0;
        border-radius:0;
        box-shadow:none;
        overflow:hidden;
    }
    .hcc-desktop-search-modal-top {
        display:flex;
        align-items:center;
        gap:4px;
        padding:24px 8px 8px;
        box-sizing:border-box;
        flex-shrink:0;
    }
    .hcc-desktop-search-modal-scope-label {
        display:none;
    }
    .hcc-desktop-search-modal-pills-scroll {
        flex:1 1 auto;
        min-width:0;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .hcc-desktop-search-modal-pills-scroll::-webkit-scrollbar {
        display:none;
    }
    .hcc-desktop-search-modal-pills {
        display:inline-flex;
        align-items:center;
        gap:4px;
        flex-wrap:nowrap;
        width:max-content;
        padding-right:8px;
    }
    .hcc-desktop-search-modal-query {
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        gap:16px;
        flex-shrink:0;
        padding:16px;
        border-bottom:1px solid var(--hcc-border);
        box-sizing:border-box;
    }
    .hcc-desktop-search-modal-input-icon {
        display:none;
    }
    .hcc-desktop-search-modal-input-row {
        display:flex;
        flex:1 1 auto;
        min-width:0;
        align-items:center;
    }
    .hcc-desktop-search-modal-input {
        flex:1 1 auto;
        min-width:0;
        width:100%;
        border:0;
        outline:0;
        background:transparent;
        color:var(--hcc-text-body);
        font-family:Montserrat,var(--hcc-font);
        font-size:16px;
        font-weight:500;
        line-height:1.55;
        letter-spacing:0;
        padding:0;
    }
    .hcc-desktop-search-modal-input::placeholder {
        color:var(--hcc-text-body);
        opacity:1;
    }
    .hcc-desktop-search-modal-submit--desktop {
        display:none;
    }
    .hcc-desktop-search-modal-submit--mobile {
        display:inline-flex;
        flex:0 0 48px;
        width:48px;
        height:48px;
        border:0;
        border-radius:999px;
        background:#101820;
        align-items:center;
        justify-content:center;
        padding:0;
        cursor:pointer;
        box-shadow:0 1px 1px rgba(13,13,18,.06);
    }
    .hcc-desktop-search-modal-submit--mobile img {
        width:20px;
        height:20px;
        display:block;
        filter:brightness(0) invert(1);
    }
    .hcc-desktop-search-modal-suggestions {
        display:flex;
        flex:1 1 auto;
        overflow-y:auto;
        flex-direction:column;
        gap:24px;
        padding:16px;
    }
    .hcc-desktop-search-modal-col {
        flex:none;
        width:100%;
    }
    .hcc-desktop-search-modal-suggestion {
        padding:12px 0;
    }
    .hcc-desktop-search-modal-suggestion span {
        font-size:14px;
        letter-spacing:-.28px;
        white-space:normal;
    }
    .hcc-desktop-search-modal-empty {
        margin:0;
        padding:12px 0;
        color:var(--hcc-text-body);
        font-size:14px;
        line-height:1.6;
    }
    body.hcc-search-open .header-mobile-copy {
        z-index:999;
    }
    body.hcc-search-open .header-mobile-copy .hcc-header-search-bar,
    body.hcc-search-open .header-mobile-copy .hcc-header-search-widget {
        display:none !important;
    }
    body.hcc-search-open .floating-buttons,
    body.hcc-search-open #floating-whatsapp,
    body.hcc-search-open #back2top {
        display:none !important;
    }
}
body.homepage-revamp-code #floating-whatsapp,
body.homepage-revamp-code #back2top.btn-circle {
    z-index:8 !important;
}
@media (min-width:768px) and (max-width:1023.98px){
    .homepage-revamp-wrap {
        padding:0 16px;
        box-sizing:border-box;
    }
    .homepage-revamp-page {
        max-width:768px;
    }
    .hcc-header-search-bar {
        width:calc(100% - 32px);
        max-width:none;
        margin:10px 16px 0;
    }
    .hcc-brand-strip,
    .hcc-journey,
    .hcc-booking-row,
    .hcc-services,
    .hcc-clinic-slider,
    .hcc-doctors-top,
    .hcc-premium,
    .hcc-testimonial,
    .hcc-article,
    .hcc-footer-main {
        margin-left:16px;
        margin-right:16px;
    }
    body.homepage-revamp-code .floating-buttons {
        max-width:768px;
        width:calc(100% - 32px);
    }
}
.hcc-brand-strip { margin:0 12px 10px; background:#fff; border-radius:0 0 16px 16px; display:block; padding:8px 10px; position:relative; overflow:visible; }
.hcc-brand-strip-label {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    height:20px;
    width:auto;
    min-width:0;
    padding:0 8px;
    margin:0 0 8px;
    background:#0d0d12;
    color:#fff;
    font-family:var(--hcc-font);
    font-size:10px;
    font-weight:600;
    line-height:1.4;
    letter-spacing:-.2px;
    border-radius:6px 6px 6px 0;
    white-space:nowrap;
    z-index:2;
    pointer-events:none;
}
.hcc-brand-strip-label::after {
    content:'';
    position:absolute;
    left:0;
    top:100%;
    width:0;
    height:0;
    border-top:6px solid #0d0d12;
    border-right:5px solid transparent;
}
.hcc-brand-strip-track {
    display:block;
    width:100%;
}
.hcc-brand-strip-track a {
    display:flex;
    align-items:center;
    justify-content:center;
    height:52px;
    min-height:52px;
    background:#fff;
    border:1px solid var(--hcc-clinic-card-border);
    border-radius:8px;
    box-sizing:border-box;
    overflow:hidden;
}
.hcc-brand-strip-track a picture {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    min-height:0;
    padding:4px 6px;
    box-sizing:border-box;
}
.hcc-brand-strip-track img {
    width:auto;
    max-width:100%;
    height:40px;
    max-height:40px;
    object-fit:contain;
    border-radius:0;
    display:block;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transform:translateZ(0);
    image-rendering:-webkit-optimize-contrast;
}
/* Jangan pakai margin negatif — border kartu kanan/kiri terpotong oleh overflow slick-list */
.hcc-brand-strip-track .slick-list {
    margin:0;
    padding:0 6px;
    box-sizing:border-box;
}
.hcc-brand-strip-track .slick-slide {
    padding:0 4px;
    box-sizing:border-box;
}
/* ===== Home Copy: journey ===== */
.hcc-journey { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:16px 12px 10px; background:var(--hcc-bg-soft); }
/* Judul journey hanya desktop — mobile tidak menampilkan (Figma mobile tanpa baris ini) */
.hcc-journey-title { display:none; }
.hcc-journey-item { margin:0; width:auto; display:flex; flex-direction:column; min-width:0; position:relative; }
.hcc-journey-card {
    position:relative;
    border-radius:16px;
    color:#fff;
    text-decoration:none;
    overflow:hidden;
    display:block;
    height:195px;
    padding:16px 12px 32px;
    box-sizing:border-box;
    box-shadow:0 1px 3px rgba(13,13,18,.24);
}
.hcc-journey-card.hcc-journey-card-heal { background:#345d9d; }
.hcc-journey-card.hcc-journey-card-uplift { background:#6f111e; }
.hcc-journey-card::before {
    content:'';
    position:absolute;
    inset:0;
    z-index:1;
    border-radius:16px;
    background:linear-gradient(180deg, rgba(13,13,18,.42) 0%, rgba(13,13,18,.18) 32%, rgba(13,13,18,0) 55%, rgba(13,13,18,.12) 100%);
    pointer-events:none;
}
.hcc-journey-card__media,
.hcc-journey-heal-visual,
.hcc-journey-uplift-visual {
    position:absolute;
    inset:0;
    z-index:0;
    margin:0;
    border-radius:16px;
    overflow:hidden;
    line-height:0;
}
.hcc-journey-card__media img,
.hcc-journey-card img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    margin:0;
    border-radius:0;
    background:transparent;
}
.hcc-journey-heal-img--desk,
.hcc-journey-uplift-img--desk { display:none !important; }
.hcc-journey-heal-img--mob,
.hcc-journey-uplift-img--mob { display:block !important; }
.hcc-journey-card__content {
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:75px;
    max-width:100%;
}
.hcc-journey-card h4 {
    margin:0;
    font-size:18px;
    line-height:1.5;
    font-weight:700;
    letter-spacing:0;
    font-family:var(--hcc-font);
}
.hcc-journey-subtags {
    margin:0;
    min-height:16px;
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:4px;
}
.hcc-journey-card.hcc-journey-card-uplift .hcc-journey-subtags {
    gap:2px;
    align-content:flex-start;
}
.hcc-journey-subtag {
    font-size:8px;
    line-height:normal;
    font-weight:500;
    letter-spacing:.1px;
    color:rgba(255,255,255,.85);
    font-family:var(--hcc-font);
    white-space:nowrap;
    height:16px;
    display:inline-flex;
    align-items:center;
    padding:0 6px;
    border-radius:3px;
    background:linear-gradient(180deg, rgba(13,13,18,.20) 0%, rgba(13,13,18,.34) 100%);
}
.hcc-journey-subtag--more {
    position:relative;
    cursor:help;
    font-weight:600;
    letter-spacing:0;
}
.hcc-journey-subtag--more::after {
    content:attr(title);
    position:absolute;
    left:50%;
    top:calc(100% + 6px);
    transform:translateX(-50%);
    z-index:5;
    max-width:min(220px, 70vw);
    padding:6px 8px;
    border-radius:6px;
    background:rgba(13,13,18,.92);
    color:#fff;
    font-size:10px;
    line-height:1.4;
    font-weight:400;
    letter-spacing:0;
    white-space:normal;
    text-align:center;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity .15s ease, visibility .15s ease;
}
.hcc-journey-subtag--more:hover::after,
.hcc-journey-subtag--more:focus-visible::after,
.hcc-journey-subtag--more:active::after {
    opacity:1;
    visibility:visible;
}
/* Figma 13419:6668 — overlay blur di tepi bawah kartu */
.hcc-popular-check {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:auto;
    z-index:3;
    box-sizing:border-box;
    margin:0;
    padding:4px 0;
    min-height:26px;
    border:0;
    border-radius:0 0 16px 16px;
    background:rgba(0,0,0,.4);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    font-size:12px;
    line-height:1.5;
    font-weight:400;
    letter-spacing:-.24px;
    color:#fff;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-family:var(--hcc-font);
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
}
.hcc-popular-check:focus-visible {
    outline:2px solid rgba(255,255,255,.85);
    outline-offset:2px;
}
.hcc-popular-check img {
    width:12px;
    height:12px;
    flex-shrink:0;
    object-fit:contain;
    display:block;
}
@media (max-width:1023.98px) {
    .hcc-journey-card {
        cursor:pointer;
    }
}
/* ===== Home Copy: booking row + floating bar ===== */
.hcc-booking-row { margin:0 12px 0; background:#fff; border-radius:0 0 16px 16px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:6px 8px 12px; column-gap:8px; }
.hcc-booking-row.hcc-booking-row-in-floating {
    width:100%;
    max-width:390px;
    height:77px;
    margin:0 !important;
    padding:0 8px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    background:#fff;
    box-shadow:none;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    column-gap:0;
}
.hcc-booking-side {
    flex:1 1 0;
    text-align:center;
    color:#666d80;
    font-size:10px;
    font-weight:500;
    line-height:1;
    letter-spacing:0;
    text-decoration:none;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 8px;
    min-width:0;
    font-family:var(--hcc-font);
}
.hcc-booking-side .icon { display:block; width:24px; height:24px; margin:0; object-fit:contain; }
.hcc-booking-center {
    flex:1 1 0;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
}
.hcc-booking-center a {
    background:#f58220;
    color:#fff;
    text-decoration:none;
    border-radius:999px;
    min-width:124px;
    height:48px;
    padding:8px 16px;
    font-size:18px;
    line-height:1.55;
    font-weight:700;
    letter-spacing:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 12px 16px rgba(245,130,32,.24),0 4px 6px rgba(245,130,32,.03);
    font-family:var(--hcc-font);
}
.homepage-revamp-page .hcc-services-title {
    font-family:var(--hcc-font);
    font-size:18px;
    font-weight:600;
    font-style:normal;
    color:var(--hcc-text-title);
    text-align:center;
    margin:0 0 12px;
    padding:0;
    border:0;
    line-height:1.5;
    letter-spacing:0;
    font-synthesis:none;
}
.hcc-services-title-row {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
}
.hcc-services-title-crown {
    display:block;
    width:20px;
    height:20px;
    max-width:20px;
    max-height:20px;
    object-fit:contain;
    flex-shrink:0;
}
/* Tipografi eksplisit di span — sama dev (18px / SemiBold 600) */
.homepage-revamp-page .hcc-services-title .hcc-services-title-text {
    font-family:var(--hcc-font);
    font-size:18px;
    font-weight:600;
    font-style:normal;
    line-height:1.5;
    color:var(--hcc-text-title);
    letter-spacing:0;
    font-synthesis:none;
    -webkit-font-smoothing:antialiased;
    margin:0;
    padding:0;
}
.hcc-services-inner {
    width:100%;
    box-sizing:border-box;
}
/* ===== Home Copy: services ===== */
.hcc-services {
    display:block;
    padding:24px 12px 36px;
    margin-top:12px;
    margin-bottom:0;
    border-radius:16px 16px 0 0;
    background:linear-gradient(180deg, rgba(245,130,32,.36) 0%, rgba(245,130,32,0) 100%), #fff;
}
@media (max-width:1023.98px) {
    .hcc-services-track .slick-list { margin:0; overflow:hidden; }
    .hcc-services-track .slick-track { display:flex !important; align-items:stretch; }
    .hcc-services-track .slick-slide { padding:0; margin-right:12px; width:159px !important; height:auto; }
    .hcc-services-track .slick-slide > div { height:100%; display:flex !important; }
    .hcc-service-item { display:flex !important; width:159px !important; height:100%; min-height:308px; }
    /* 308px = padding 16 + gap 36 + thumb 1:1 (~143) + judul 45 + harga 36 + tombol 32 */
    .hcc-service-card {
        height:308px;
        min-height:308px;
        max-height:308px;
        overflow:hidden;
    }
    .hcc-service-card .hcc-service-thumb-link {
        flex-shrink:0;
    }
    .hcc-service-card .hcc-service-title--mob,
    .hcc-service-card .hcc-service-title-link.hcc-service-title--mob {
        flex-shrink:0;
    }
    .hcc-service-card .hcc-service-price {
        flex-shrink:0;
        min-height:36px;
        max-height:36px;
    }
    .hcc-service-card .hcc-service-price .hcc-service-price-value {
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .hcc-service-card .hcc-service-btn {
        flex-shrink:0;
        margin-top:auto;
    }
}
@media (max-width:767.98px) {
    .hcc-services {
        padding-bottom:20px;
    }
}
.hcc-service-card {
    position:relative;
    background:var(--hcc-white);
    border-radius:8px;
    overflow:hidden;
    color:var(--hcc-text-dark);
    box-shadow:none;
    display:flex;
    flex-direction:column;
    width:159px;
    min-height:248.5px;
    padding:8px;
    gap:12px;
    box-sizing:border-box;
}
.hcc-service-card .hcc-service-thumb-link,
.hcc-service-card .hcc-service-thumb-wrap {
    display:block;
    line-height:0;
    border-radius:7.265px;
    overflow:hidden;
    flex-shrink:0;
    text-decoration:none;
    color:inherit;
}
.hcc-service-card .hcc-service-thumb-link {
    cursor:pointer;
    width:100%;
}
.hcc-service-card .hcc-service-thumb-link .hcc-service-thumb-wrap {
    position:relative;
    pointer-events:none;
    width:100%;
    aspect-ratio:1;
    overflow:hidden;
    flex-shrink:0;
}
.hcc-service-card .hcc-service-title-link {
    text-decoration:none;
    color:inherit;
}
.hcc-service-card .hcc-service-title-link.hcc-service-title--mob:hover,
.hcc-service-card .hcc-service-title-link.hcc-service-title--mob:focus-visible {
    color:var(--hcc-primary);
}
.hcc-service-card .hcc-service-thumb-wrap img {
    width:100%;
    height:100%;
    aspect-ratio:1;
    object-fit:cover;
    object-position:center;
    display:block;
}
.hcc-service-card .hcc-service-thumb-link:focus-visible,
.hcc-service-card .hcc-service-title-link:focus-visible {
    outline:2px solid var(--hcc-primary);
    outline-offset:2px;
}
.hcc-service-card .hcc-service-title-link:focus-visible {
    border-radius:4px;
}
.hcc-service-card img {
    width:100%;
    display:block;
    border-radius:7.265px;
}
/* Placeholder LOADING (general/loader.png) — sama seperti halaman treatment group */
.hcc-service-card .hcc-service-thumb-wrap img[src*="loader"],
.hcc-journey-card__media img[src*="loader"],
.hcc-doctor-photo[src*="loader"],
.hcc-testimonial-user img[src*="loader"],
.hcc-article-media img[src*="loader"],
.hcc-real-result-card__photo img[src*="loader"],
.hcc-real-result-card__avatar[src*="loader"] {
    object-fit:contain;
    object-position:center;
}
/* Desktop pakai aset *-desktop.png; mobile tetap portrait */
.hcc-service-card .hcc-service-thumb--desk {
    display:none !important;
}
.hcc-service-card .hcc-service-rank {
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    background:#f58220;
    color:#fff;
    font-size:14px;
    line-height:1.55;
    width:32px;
    height:28px;
    border-radius:0 0 8px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    letter-spacing:-.28px;
    pointer-events:none;
}
.hcc-service-card .hcc-service-title--desk {
    display:none !important;
}
.hcc-service-card .hcc-service-title--mob {
    font-size:14px;
    line-height:1.4;
    height:45px;
    min-height:45px;
    max-height:45px;
    flex-shrink:0;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    color:var(--hcc-text-dark);
    font-weight:600;
    margin:0;
    font-family:var(--hcc-font);
    letter-spacing:0;
}
/* Mobile: “Mulai dari” dan nominal di baris terpisah agar tinggi kartu konsisten */
.hcc-service-card .hcc-service-price {
    display:flex;
    flex-direction:column;
    gap:0;
    font-size:12px;
    line-height:18px;
    color:var(--hcc-text-body);
    min-height:36px;
    margin:0;
    font-weight:400;
    letter-spacing:-.24px;
    font-family:var(--hcc-font);
}
.hcc-service-card .hcc-service-price-prefix,
.hcc-service-card .hcc-service-price .hcc-service-price-value {
    display:block;
}
.hcc-service-card .hcc-service-price .hcc-service-price-value {
    font-weight:700;
    color:var(--hcc-text-title);
    line-height:18px;
    letter-spacing:0;
    font-family:var(--hcc-font);
}
.hcc-service-card .hcc-service-btn {
    margin-top:auto;
    background:var(--hcc-primary);
    color:var(--hcc-white);
    border:1px solid var(--hcc-primary);
    border-radius:999px;
    text-align:center;
    font-size:12px;
    font-weight:700;
    line-height:1;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    padding:0 16px;
    width:100%;
    box-shadow:0 1px 1px rgba(13,13,18,.06);
    letter-spacing:-.24px;
    font-family:var(--hcc-font);
    text-decoration:none;
    box-sizing:border-box;
    -webkit-text-fill-color:var(--hcc-white);
    transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.hcc-service-card .hcc-service-btn:link,
.hcc-service-card .hcc-service-btn:visited,
.hcc-service-card .hcc-service-btn:active {
    color:var(--hcc-white);
    text-decoration:none;
    -webkit-text-fill-color:var(--hcc-white);
}
.hcc-service-card .hcc-service-btn:hover,
.hcc-service-card .hcc-service-btn:focus-visible {
    background:var(--hcc-white);
    color:var(--hcc-primary);
    border-color:var(--hcc-primary);
    -webkit-text-fill-color:var(--hcc-primary);
    text-decoration:none;
}
.hcc-doctors-title {
    margin:0 0 16px;
    font-size:18px;
    font-weight:700;
    color:#101820;
    line-height:1.5;
    text-align:center;
    font-family:var(--hcc-font);
    background:transparent;
    border-radius:0;
    padding:0;
}
/* ===== Home Copy: clinic ===== */
.hcc-clinic-slider {
    margin:0;
    background:#fff;
    border-radius:0;
    padding:12px;
    overflow:hidden;
}
.hcc-clinic {
    position:relative;
    background-color:var(--hcc-bg-soft);
    background-image:url('/figma-landing-mobile/images/bg-temukan-klinik.jpeg');
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    border-radius:16px;
    overflow:hidden;
    box-shadow:none;
    text-decoration:none;
    display:block;
    padding:16px;
    margin:0;
}
.hcc-clinic-body {
    display:flex;
    flex-direction:column;
    gap:18px;
}
/* Desktop: judul di luar main (baris penuh grid); mobile: urutan title → main → aside */
.hcc-clinic-main {
    display:flex;
    flex-direction:column;
    gap:18px;
    width:100%;
    min-width:0;
}
.hcc-clinic-media,
.hcc-clinic-aside {
    width:100%;
    min-width:0;
}
.hcc-clinic-aside {
    display:flex;
    flex-direction:column;
    gap:18px;
}
.hcc-clinic .hcc-clinic-title { font-size:18px; font-weight:700; color:#101820; text-align:center; margin:0; line-height:1.5; font-family:var(--hcc-font); }
.hcc-clinic-carousel { position:relative; width:100%; min-width:0; }
.hcc-clinic-nav {
    display:none;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    padding:8px;
    border:none;
    border-radius:999px;
    background:var(--hcc-bg-soft);
    box-shadow:0 1px 4px rgba(245,130,32,.18);
    cursor:pointer;
    color:var(--hcc-primary);
    flex-shrink:0;
}
.hcc-clinic-nav svg { display:block; width:24px; height:24px; flex-shrink:0; color:inherit; }
.hcc-clinic-nav:focus-visible { outline:2px solid #f58220; outline-offset:2px; }
.hcc-clinic-image-track { display:block; width:100%; }
.hcc-clinic-image-track .slick-list { border-radius:16px; overflow:hidden; }
.hcc-clinic-image-track .slick-slide { width:285px; margin-right:8px; }
.hcc-clinic-image-slide { display:block !important; width:285px; }
.hcc-clinic-image-slide img { width:285px; height:200px; display:block; border-radius:16px; object-fit:cover; }
.hcc-clinic .hcc-clinic-stats { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0; margin-top:0; }
.hcc-clinic .hcc-clinic-stat-item { text-align:center; }
.hcc-clinic .hcc-clinic-stat-item strong { display:block; color:#f58220; font-size:24px; line-height:1.5; font-weight:700; font-family:var(--hcc-font); }
.hcc-clinic .hcc-clinic-stat-item span { display:block; color:#101820; font-size:14px; margin-top:4px; line-height:1.55; letter-spacing:-.28px; font-family:var(--hcc-font); font-weight:400; }
.hcc-clinic .hcc-clinic-cta { margin-top:0; background:#101820; color:#fff; border:1px solid #101820; border-radius:999px; text-align:center; font-size:14px; font-weight:700; line-height:1.55; height:40px; display:flex; align-items:center; justify-content:center; padding:0 16px; box-shadow:0 1px 1px rgba(13,13,18,.06); font-family:var(--hcc-font); text-decoration:none; box-sizing:border-box; transition:background-color .2s ease,color .2s ease,border-color .2s ease; }
.hcc-clinic .hcc-clinic-cta:link,
.hcc-clinic .hcc-clinic-cta:visited,
.hcc-clinic .hcc-clinic-cta:active {
    color:#fff;
    text-decoration:none;
}
.hcc-clinic .hcc-clinic-cta:hover,
.hcc-clinic .hcc-clinic-cta:focus-visible {
    background:#fff;
    color:#101820;
    border-color:#101820;
    text-decoration:none;
}
/* ===== Home Copy: doctors ===== */
.hcc-doctors-top {
    background:var(--hcc-bg-soft);
    border-radius:16px 16px 0 0;
    overflow:hidden;
}
.hcc-doctors-wrap {
    margin:0;
    background:var(--hcc-bg-soft);
    border-radius:0;
    padding:24px 12px 36px;
    box-shadow:none;
}
.hcc-doctors { display:block; margin-top:0; }
.hcc-doctors .slick-list { margin:0 -12px; padding:0 12px; overflow:hidden; }
.hcc-doctors .slick-slide { padding:0 16px 0 0; }
.hcc-doctor-card {
    position:relative;
    width:250px !important;
    height:300px;
    border-radius:16px;
    overflow:hidden;
    text-decoration:none;
    display:flex !important;
    flex-direction:column;
    justify-content:flex-end;
    border:1px solid rgba(245,130,32,.12);
    background:#fff;
    box-shadow:0 1px 3px rgba(13,13,18,.06);
    box-sizing:border-box;
}
.hcc-doctor-card::before {
    content:none;
    display:none;
}
.hcc-doctor-card > * {
    position:relative;
    z-index:1;
}
.hcc-doctor-photo {
    position:absolute;
    left:50%;
    top:6px;
    transform:translateX(-50%);
    width:auto;
    height:206px;
    max-width:100%;
    object-fit:contain;
    display:block;
    pointer-events:none;
}
.hcc-doctor-content {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:14px 12px 12px;
    border-radius:0 0 16px 16px;
    background:#fff;
    z-index:2;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    gap:4px;
    min-height:104px;
}
.hcc-doctor-name {
    margin:0 0 4px;
    color:#0d0d12;
    font-family:var(--hcc-font);
    font-size:14px;
    font-weight:600;
    line-height:1.25;
    letter-spacing:-.28px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    /* Reserve 2 lines so specialty text aligns across cards (mobile) */
    min-height:2.5em;
}
.hcc-doctor-specialty {
    display:block;
    width:100%;
    box-sizing:border-box;
    padding:0;
    margin:0;
    background:transparent;
    color:#f58220;
    font-family:var(--hcc-font);
    font-size:12px;
    font-weight:500;
    line-height:1.4;
    letter-spacing:-.24px;
    text-decoration:underline;
    text-underline-offset:2px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.hcc-doctors-cta {
    width:100%;
    margin:16px 0 0;
    height:40px;
    background:#101820;
    color:#fff;
    border:1px solid #101820;
    border-radius:999px;
    text-align:center;
    font-size:14px;
    font-weight:700;
    line-height:1.55;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 16px;
    text-decoration:none;
    font-family:var(--hcc-font);
    letter-spacing:-.28px;
    box-sizing:border-box;
    box-shadow:0 1px 1px rgba(13,13,18,.06);
    transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.hcc-doctors-cta:link,
.hcc-doctors-cta:visited,
.hcc-doctors-cta:active {
    color:#fff;
    text-decoration:none;
}
.hcc-doctors-cta:hover,
.hcc-doctors-cta:focus-visible {
    background:#fff;
    color:#101820;
    border-color:#101820;
    text-decoration:none;
}
.hcc-doctors-head {
    display:block;
}
.hcc-doctors-cta-top {
    display:none;
}
.hcc-doctors-inner {
    width:100%;
}
.hcc-doctors-desktop-grid {
    display:none;
}
.hcc-doctors-desktop-footer {
    display:none;
}
.hcc-services-desktop-footer {
    display:none;
}
.hcc-article-desktop-footer {
    display:none;
}
.hcc-doctor-card-desktop {
    text-decoration:none;
}
/* ===== Home Copy: premium + testimonial + article ===== */
/* Shell putih: sudut lengkungan atas premium tidak menampilkan krem halaman di belakangnya */
.hcc-premium-top {
    background:#fff;
}
/* Shell hitam: sudut lengkungan atas testimoni tidak menampilkan krem halaman (transisi dari section premium) */
.hcc-testimonial-top {
    background:#101820;
}
/* Shell putih di belakang lengkungan atas artikel — tanpa overlap/margin negatif agar lengkungan tetap terlihat */
.hcc-article-top {
    background:#fff;
}
.hcc-premium {
    margin:24px 0 0;
    background:#101820;
    border-radius:16px 16px 0 0;
    padding:24px 12px 48px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    box-sizing:border-box;
}
.hcc-premium-title {
    width:100%;
    align-self:stretch;
    min-height:54px;
    margin:0 0 16px;
    padding:0;
    box-sizing:border-box;
    color:#fff;
    text-align:center;
    font-family:var(--hcc-font);
    font-size:18px;
    font-style:normal;
    font-weight:700;
    line-height:1.5;
    letter-spacing:0;
}
.hcc-premium-track { display:block; }
.hcc-premium-track .slick-list { margin:0; overflow:hidden; }
.hcc-premium-track .slick-track { display:flex !important; align-items:stretch; }
.hcc-premium-track .slick-slide { width:auto; padding:0 12px 0 0; }
.hcc-premium-track .slick-slide > div { display:flex; justify-content:center; }
.hcc-premium-card {
    width:298px !important;
    min-height:262px;
    height:auto;
    background:#fff;
    border-radius:16px;
    padding:16px 6px;
    text-decoration:none;
    color:#586272;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    gap:0;
    box-sizing:border-box;
    margin:0;
    overflow:hidden;
}
.hcc-premium-card .hcc-premium-logo {
    width:107px;
    height:46px;
    margin:0 auto 12px;
    display:block;
    object-fit:contain;
    object-position:center;
}
.hcc-premium-card .hcc-premium-image {
    width:286px;
    border-radius:8px;
    display:block;
    height:120px;
    object-fit:cover;
    flex:0 0 auto;
    margin:0 auto 16px;
}
.homepage-revamp-page .hcc-premium-card .hcc-premium-description {
    width:282px;
    max-width:100%;
    margin:0 auto;
    padding:0;
    flex-shrink:0;
    box-sizing:border-box;
    color:var(--hcc-text-body);
    text-align:center;
    font-family:var(--hcc-font);
    font-size:12px;
    font-style:normal;
    font-weight:400;
    line-height:18px;
    letter-spacing:-0.24px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.hcc-testimonial { margin:0; background:#fff; border-radius:16px 16px 0 0; padding:24px 12px 36px; }
.hcc-testimonial-title { width:274px; min-height:54px; margin:0 auto 2px; text-align:center; font-size:18px !important; line-height:1.5 !important; color:#101820; font-weight:700; letter-spacing:0; font-family:var(--hcc-font); }
.hcc-testimonial-title .hcc-testimonial-accent { color:#f58220; }
.hcc-testimonial-tabs { margin:10px auto 16px; border:1px solid rgba(223,225,231,.2); background:#fff; border-radius:999px; display:grid; grid-template-columns:1fr 1fr; padding:8px; gap:10px; width:100%; max-width:366px; box-shadow:0 1px 3px rgba(13,13,18,.05),0 1px 2px rgba(13,13,18,.04); }
.hcc-testimonial-tabs button { border:0; margin:0; cursor:pointer; appearance:none; background:transparent; border-radius:999px; min-height:48px; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; line-height:1.55; letter-spacing:-.28px; color:#0d0d12; padding:0 24px; font-family:var(--hcc-font); }
.hcc-testimonial-tabs button.active { background:#fff1e6; color:#f58220; }
.hcc-testimonial-panel { display:block; }
.hcc-testimonial-panel.is-hidden { display:none !important; }
.hcc-real-result-panel { display:none; }
.hcc-real-result-panel.is-active { display:block; }
.hcc-real-result-track { display:block; }
.hcc-real-result-track .slick-list { margin:0; overflow:hidden; }
.hcc-real-result-track .slick-track { display:flex !important; align-items:stretch; }
.hcc-real-result-track .slick-slide { height:auto; padding:0 12px 0 0; }
.hcc-real-result-track .slick-slide > div { height:100%; }
.hcc-real-result-card { width:350px !important; flex:0 0 350px; background:#fff; border:1px solid #dfe1e7; border-radius:16px; padding:10px; display:flex !important; flex-direction:column; gap:16px; box-sizing:border-box; overflow:hidden; }
.hcc-real-result-card__compare { display:flex; gap:8px; align-items:stretch; width:100%; }
.hcc-real-result-card__photo-wrap { position:relative; flex:1 1 0; min-width:0; height:163px; border-radius:12px; overflow:hidden; background:#f0f0f0; }
.hcc-real-result-card__photo { position:absolute; inset:0; overflow:hidden; }
.hcc-real-result-card__photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:center; display:block; }
.hcc-real-result-card__badge { position:absolute; left:5px; top:5px; z-index:2; display:inline-flex; align-items:center; justify-content:center; min-height:24px; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:700; line-height:normal; letter-spacing:-.24px; color:#fff; white-space:nowrap; font-family:var(--hcc-font); }
.hcc-real-result-card__badge--before { background:#7f7f7f; }
.hcc-real-result-card__badge--after { background:#f58220; }
.hcc-real-result-card__user { display:flex; align-items:center; gap:8px; }
.hcc-real-result-card__avatar { width:28px; height:28px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.hcc-real-result-card__user-meta { display:flex; flex-direction:column; gap:2px; min-width:0; }
.hcc-real-result-card__user-name { margin:0; font-size:12px; font-weight:500; letter-spacing:-.24px; color:#0d0d12; font-family:var(--hcc-font); }
.hcc-real-result-card__user-role { margin:0; font-size:10px; font-weight:400; color:#666d80; font-family:var(--hcc-font); }
.hcc-testimonial-track { display:block; }
.hcc-testimonial-track .slick-list { margin:0; overflow:hidden; }
.hcc-testimonial-track .slick-track { display:flex !important; align-items:stretch; }
.hcc-testimonial-track .slick-slide { height:auto; }
.hcc-testimonial-track .slick-slide > div { height:100%; }
.hcc-testimonial-track .slick-slide { padding:0 12px 0 0; }
.hcc-testimonial-card { width:320px !important; height:100%; background:#fff; border:1px solid #dfe1e7; border-radius:20px; padding:20px; min-height:220px; display:flex !important; flex-direction:column; gap:24px; box-sizing:border-box; }
.hcc-testimonial-stars { margin:0; display:flex; align-items:center; gap:4px; }
.hcc-testimonial-stars img,
.hcc-testimonial-star { width:20px; height:20px; display:block; object-fit:contain; }
.hcc-testimonial-star--empty { opacity:0.32; filter:grayscale(1); }
.hcc-testimonial-text { color:#666d80; font-size:14px; line-height:1.55; letter-spacing:-.28px; min-height:unset; font-family:var(--hcc-font); white-space:pre-line; }
.hcc-testimonial-user { margin-top:0; display:flex; align-items:center; gap:8px; }
.hcc-testimonial-user img { width:28px; height:28px; border-radius:50%; object-fit:cover; }
.hcc-testimonial-user .hcc-testimonial-user-name { font-size:12px; font-weight:500; letter-spacing:-.24px; color:#0d0d12; font-family:var(--hcc-font); }
.hcc-testimonial-user .hcc-testimonial-user-role { font-size:10px; color:#666d80; font-family:var(--hcc-font); }
.hcc-testimonial-desktop-footer,
.hcc-real-result-desktop-footer { display:none; }
.hcc-article { margin:0; padding:24px 12px 36px; background:#f8f8f8; border-radius:16px 16px 0 0; }
.hcc-article-title { margin:0 0 16px; color:#101820; font-size:18px; font-weight:700; line-height:1.5; letter-spacing:0; font-family:var(--hcc-font); text-align:left; }
.hcc-article-track { display:block; }
.hcc-article-track .slick-list { margin:0; overflow:hidden; }
.hcc-article-track .slick-slide { padding:0 16px 0 0; }
.hcc-article-card { width:320px !important; background:#fff; border:1px solid #dfe1e7; border-radius:16px; overflow:hidden; text-decoration:none; display:block !important; height:342px; box-shadow:none; }
.hcc-article-media { width:100%; height:200px; }
.hcc-article-media img { width:100%; height:100%; display:block; object-fit:cover; }
.hcc-article-copy { padding:12px; display:flex; flex-direction:column; min-height:142px; gap:12px; }
.hcc-article-date { color:#666d80; font-size:12px; line-height:1.2; margin:0; font-family:var(--hcc-font); }
.hcc-article-headline { color:#0d0d12; font-size:14px; line-height:1.4; font-weight:600; letter-spacing:0; margin:0; font-family:var(--hcc-font); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.hcc-article-tags { margin-top:auto; margin-bottom:auto; display:flex; gap:6px; flex-wrap:wrap; }
.hcc-article-tags span { background:#fafafa; border:0; border-radius:16px; padding:2px 10px; font-size:14px; color:#666d80; line-height:1.55; font-family:var(--hcc-font); font-weight:500; }
/* ===== Home Copy: footer ===== */
.hcc-footer-main { background:#101820; color:#fff; padding:24px 16px 90px; display:flex; flex-direction:column; gap:24px; }
.hcc-footer-container { width:100%; max-width:1180px; margin:0 auto; display:flex; flex-direction:column; gap:24px; }
.hcc-footer-upper { display:flex; flex-direction:column; gap:24px; }
.hcc-footer-top { display:flex; flex-direction:column; gap:36px; }
.hcc-footer-logo { width:140px; height:64px; object-fit:contain; display:block; margin:0; }
.hcc-footer-address { width:100%; max-width:358px; margin:0; }
.hcc-footer-links { display:flex; flex-direction:column; gap:36px; }
.hcc-footer-columns { display:flex; flex-direction:column; gap:36px; }
.hcc-footer-group { margin:0; }
.hcc-footer-title { margin:0 0 18px; font-size:18px; line-height:1.4; font-weight:500; color:#fff; font-family:var(--hcc-font); }
.hcc-footer-list { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:16px; }
.hcc-footer-list li { margin:0; }
.hcc-footer-list a { color:#fff; text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.hcc-footer-address,
.hcc-footer-list a {
    font-size:16px;
    line-height:1.6;
    letter-spacing:-.32px;
    font-weight:400;
    font-family:var(--hcc-font);
}
.hcc-icon { width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; color:#f58220; flex:0 0 24px; }
.hcc-icon svg { width:20px; height:20px; display:block; }
.hcc-icon img { width:20px; height:20px; display:block; object-fit:contain; }
.hcc-footer-social { display:flex; gap:16px; align-items:center; }
.hcc-footer-social a { width:40px; height:40px; border:1px solid rgba(223,225,231,.1); border-radius:999px; color:#fff; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; font-size:18px; }
.hcc-footer-social a svg { width:20px; height:20px; display:block; }
.hcc-footer-app-banner {
    position:relative;
    display:block;
    overflow:hidden;
    text-decoration:none;
}
.hcc-footer-app-banner > img {
    width:100%;
    display:block;
    pointer-events:none;
}
@media (max-width:767.98px) {
    .hcc-footer-main .hcc-footer-logo {
        width:90px;
        height:auto;
    }
    .hcc-footer-main .hcc-footer-address,
    .hcc-footer-main .hcc-footer-list a {
        font-size:14px;
        line-height:1.55;
        letter-spacing:-.28px;
    }
}
.hcc-footer-store-links {
    position:absolute;
    z-index:2;
    display:flex;
    pointer-events:none;
}
.hcc-footer-store-links .hcc-footer-store-link {
    position:relative;
    display:block;
    flex:1 1 0;
    min-width:0;
    min-height:0;
    pointer-events:auto;
    cursor:pointer;
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
}
.hcc-footer-buddy-card {
    width:100%;
    max-width:358px;
    border-radius:16px;
}
.hcc-footer-buddy-card > img { border-radius:16px; }
/* Mobile: posisi per badge (Google atas, App Store bawah) — mengikuti layout gambar */
.hcc-footer-store-links--mobile {
    inset:0;
    width:100%;
    height:100%;
    display:block;
}
.hcc-footer-store-links--mobile .hcc-footer-store-link {
    position:absolute;
    flex:none;
    display:block;
}
.hcc-footer-store-links--mobile .hcc-footer-store-link--google {
    left:5%;
    top:63.5%;
    width:48%;
    height:14%;
    z-index:2;
}
.hcc-footer-store-links--mobile .hcc-footer-store-link--apple {
    left:5%;
    top:79.5%;
    width:48%;
    height:14%;
    z-index:2;
}
.hcc-footer-promo { display:none; width:100%; border-radius:24px; }
.hcc-footer-promo > img { border-radius:24px; }
.hcc-footer-legal { width:100%; max-width:358px; border-top:1px solid #333; padding-top:16px; display:flex; flex-direction:column; gap:10px; }
.hcc-footer-bottom { display:none; width:100%; border-top:1px solid #333; padding-top:16px; flex-direction:column; gap:10px; }
.hcc-footer-bottom p,
.hcc-footer-bottom a { margin:0; font-size:12px; line-height:1.6; letter-spacing:-.24px; color:rgba(255,255,255,.9); text-decoration:none; font-family:var(--hcc-font); }
.hcc-desktop-floating-nav { display:none; }
.hcc-footer-legal p { margin:0; }
.hcc-footer-legal a { text-decoration:none; }
.hcc-footer-legal p,
.hcc-footer-legal a {
    font-size:12px;
    line-height:1.6;
    letter-spacing:-.24px;
    color:rgba(255,255,255,.9);
    font-family:var(--hcc-font);
}
body.homepage-revamp-code .homepage-revamp-page > .hcc-booking-row { display:none !important; }
body.homepage-revamp-code .floating-buttons {
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    width:100%;
    max-width:390px;
    height:77px;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    z-index:39;
    pointer-events:none;
}
body.homepage-revamp-code .floating-buttons > :not(.hcc-booking-row-in-floating) { display:none !important; }
body.homepage-revamp-code .floating-buttons .hcc-booking-row-in-floating {
    display:grid !important;
    pointer-events:auto;
}
body.homepage-revamp-code .floating-buttons .hcc-booking-row-in-floating .hcc-booking-side {
    color:#666d80 !important;
    font-size:10px !important;
    line-height:1 !important;
}
body.homepage-revamp-code .floating-buttons .hcc-booking-row-in-floating .hcc-booking-side .icon {
    width:24px !important;
    height:24px !important;
    margin:0 !important;
}
body.homepage-revamp-code footer#footer-elem { display:none !important; }
/* ===== Home Copy: responsive ===== */
@media (max-width:768px){
    #page-wrap,
    #page-wrap .default,
    #page-wrap .no-sidebar {
        padding-top: 0 !important;
        background: #fef3e9 !important;
        min-height: auto !important;
    }
    .homepage-revamp-wrap {
        background: #fef3e9 !important;
    }
}
@media (min-width:769px) and (max-width:1023.98px){
    #page-wrap,
    #page-wrap .default,
    #page-wrap .no-sidebar {
        padding-top:0 !important;
        background:#fef3e9 !important;
        min-height:auto !important;
    }
    .homepage-revamp-wrap {
        background:#fef3e9 !important;
    }
}
@media (min-width:1024px){
    body.homepage-revamp-code .header-mobile,
    body.homepage-revamp-code footer#footer-elem,
    body.homepage-revamp-code #backtop,
    body.homepage-revamp-code #main > *:not(.homepage-revamp-wrap) {
        display:none !important;
    }
    body.homepage-revamp-code #main,
    body.homepage-revamp-code #page-wrap,
    body.homepage-revamp-code #page-wrap .default,
    body.homepage-revamp-code #page-wrap .no-sidebar {
        padding:0 !important;
        margin:0 !important;
        background:#fef3e9 !important;
        min-height:auto !important;
    }
    .homepage-revamp-wrap {
        padding:0;
        background:#fef3e9;
    }
    body.homepage-revamp-code {
        --hcc-desktop-header-height:48px;
        /* Ultra-wide layout tokens (desktop homepage) */
        --hcc-desktop-gutter:48px;
        --hcc-desktop-inset:calc(100% - 96px);
        --hcc-content-max:1080px;
        --hcc-hero-max:1344px;
        --hcc-hero-deco-max:1347.231px;
        --hcc-journey-max:1440px;
    }
    .hcc-desktop-header {
        display:block;
        position:fixed;
        top:0;
        left:0;
        right:0;
        width:100%;
        max-width:none;
        margin:0;
        z-index:9;
    }
    /* Desktop: strip penuh lebar; track tidak boleh shrink (bug: -50% hanya geser setengah viewport) */
    .hcc-header-ticker--desktop {
        display:block;
        width:100%;
        max-width:none;
        margin:0;
        margin-bottom:0;
        padding:0;
        border-radius:0;
        box-sizing:border-box;
        overflow:hidden;
    }
    .hcc-header-ticker--desktop .hcc-header-ticker-track {
        display:inline-flex;
        flex:0 0 auto;
        flex-shrink:0;
        width:max-content;
        min-width:max-content;
        gap:64px;
        padding-left:64px;
        animation:hcc-header-ticker-marquee-desktop 36s linear infinite;
    }
    .hcc-header-ticker--desktop .hcc-header-ticker-track > span {
        flex-shrink:0;
    }
    @keyframes hcc-header-ticker-marquee-desktop {
        0% { transform:translateX(0); }
        100% { transform:translateX(-50%); }
    }
    @media (prefers-reduced-motion: reduce) {
        .hcc-header-ticker--desktop .hcc-header-ticker-track {
            animation:none;
            transform:translateX(0);
        }
    }
    .hcc-desktop-nav {
        display:flex;
        align-items:center;
        gap:48px;
        width:100%;
        margin:0 auto;
        padding:10px 48px;
        background:#fff;
        border-radius:0;
        box-shadow:0 2px 8px rgba(0,0,0,.08);
        box-sizing:border-box;
    }
    .hcc-desktop-nav-logo {
        width:73px;
        height:34px;
        object-fit:contain;
        display:block;
    }
    .hcc-desktop-nav-search {
        flex:1 1 auto;
        min-width:320px;
        height:52px;
        border-radius:999px;
        background:#fafafa;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:6px 4px 6px 16px;
        color:#666d80;
        font-family:var(--hcc-font);
        font-size:16px;
        font-weight:500;
        line-height:1.6;
        letter-spacing:-.32px;
    }
    .hcc-desktop-nav-search .icon-wrap {
        width:32px;
        height:32px;
        border-radius:999px;
        background:#fef3e9;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        flex:0 0 32px;
    }
    .hcc-desktop-nav-search .icon-wrap img {
        width:17px;
        height:17px;
        object-fit:contain;
        display:block;
    }
    .hcc-desktop-nav-actions {
        display:flex;
        align-items:center;
        gap:8px;
        flex:0 0 auto;
    }
    .hcc-desktop-nav-pill {
        height:52px;
        border-radius:999px;
        padding:8px 16px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        color:#fff;
        box-shadow:0 1px 1px rgba(13,13,18,.06);
        font-family:var(--hcc-font);
        font-size:18px;
        font-weight:500;
        line-height:1.55;
        white-space:nowrap;
    }
    .hcc-desktop-nav-pill img {
        width:24px;
        height:24px;
        object-fit:contain;
        display:block;
    }
    .hcc-desktop-nav-pill.heal { background:#345d9d; }
    .hcc-desktop-nav-pill.uplift { background:#6f111e; min-width:150px; }
    button.hcc-desktop-nav-search {
        border:0;
        cursor:pointer;
        font:inherit;
        text-align:left;
        width:auto;
    }
    .hcc-desktop-nav-search-widget {
        flex:1 1 auto;
        min-width:320px;
        max-width:100%;
        min-height:52px;
    }
    .hcc-desktop-nav-search-widget erha-search {
        display:block;
        width:100%;
    }
    @media (max-width:1023.98px) {
        .homepage-revamp-page .hcc-desktop-nav-search-widget {
            display:none;
        }
    }
    @media (min-width:1024px) {
        .hcc-desktop-search-modal-widget-mount--mobile-only {
            display:none;
        }
    }
    .hcc-desktop-search-modal {
        position:fixed;
        inset:0;
        z-index:1400;
        display:none;
        align-items:center;
        justify-content:center;
        padding:80px 48px 48px;
        box-sizing:border-box;
    }
    .hcc-desktop-search-modal.is-open {
        display:flex;
    }
    .hcc-desktop-search-modal-backdrop {
        position:absolute;
        inset:0;
        background:rgba(16,24,32,.55);
    }
    .hcc-desktop-search-modal-dialog {
        position:relative;
        width:100%;
        max-width:1075px;
        margin:0 auto;
        z-index:1;
    }
    .hcc-desktop-search-modal-close--desktop {
        position:absolute;
        top:-60px;
        right:0;
        width:48px;
        height:48px;
        border:0;
        border-radius:999px;
        background:#fff;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        padding:0;
        box-shadow:0 1px 2px rgba(13,13,18,.08);
    }
    .hcc-desktop-search-modal-close--desktop img {
        width:24px;
        height:24px;
        display:block;
    }
    .hcc-desktop-search-modal-top {
        display:flex;
        align-items:center;
        gap:10px;
        flex-wrap:wrap;
        padding:24px 24px 8px;
        box-sizing:border-box;
        flex-shrink:0;
    }
    .hcc-desktop-search-modal-pills-scroll {
        display:flex;
        align-items:center;
        gap:10px;
        flex:1 1 auto;
        min-width:0;
        overflow:visible;
    }
    .hcc-desktop-search-modal-panel {
        background:#fff;
        border-radius:36px;
        overflow:hidden;
        font-family:var(--hcc-font);
        box-shadow:0 24px 48px rgba(13,13,18,.12);
    }
    .hcc-desktop-search-modal-scope-label {
        color:var(--hcc-text-body);
        flex:0 0 auto;
    }
    .hcc-desktop-search-modal-pills {
        display:flex;
        align-items:center;
        gap:10px;
        flex-wrap:wrap;
    }
    .hcc-desktop-search-modal-query {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:16px;
        padding:24px;
        border-bottom:1px solid var(--hcc-border);
        box-sizing:border-box;
    }
    .hcc-desktop-search-modal-input-row {
        display:flex;
        align-items:center;
        gap:16px;
        flex:1 1 auto;
        min-width:0;
    }
    .hcc-desktop-search-modal-input-icon {
        width:52px;
        height:52px;
        border-radius:999px;
        background:var(--hcc-bg-soft);
        display:inline-flex;
        align-items:center;
        justify-content:center;
        flex:0 0 52px;
    }
    .hcc-desktop-search-modal-input-icon img {
        width:24px;
        height:24px;
        display:block;
    }
    .hcc-desktop-search-modal-input {
        flex:1 1 auto;
        min-width:0;
        border:0;
        outline:0;
        background:transparent;
        color:var(--hcc-text-body);
        font-family:var(--hcc-font);
        font-size:24px;
        font-weight:500;
        line-height:1.55;
        letter-spacing:0;
        padding:0;
    }
    .hcc-desktop-search-modal-input::placeholder {
        color:var(--hcc-text-body);
        opacity:1;
    }
    .hcc-desktop-search-modal-analyze,
    .hcc-desktop-search-modal-submit--desktop {
        flex:0 0 150px;
        width:150px;
        height:52px;
        border:0;
        border-radius:999px;
        background:#101820;
        color:#fff;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        cursor:pointer;
        font-family:var(--hcc-font);
        font-size:18px;
        font-weight:700;
        line-height:1.4;
        box-shadow:0 1px 1px rgba(13,13,18,.06);
        padding:8px 16px;
        box-sizing:border-box;
    }
    .hcc-desktop-search-modal-analyze img {
        width:20px;
        height:20px;
        display:block;
        filter:brightness(0) invert(1);
    }
    .hcc-desktop-search-modal-suggestions {
        display:flex;
        flex-direction:row;
        gap:24px;
        padding:36px 24px;
        box-sizing:border-box;
    }
    .hcc-desktop-search-modal-col {
        flex:1 1 0;
        min-width:0;
    }
    .hcc-desktop-search-modal-suggestion {
        padding:16px 0;
    }
    .hcc-desktop-search-modal-suggestion span {
        font-size:18px;
        letter-spacing:-.36px;
    }
    .hcc-desktop-search-modal-empty {
        padding:16px 0;
        font-size:16px;
    }
    .hcc-desktop-search-modal-panel {
        display:block;
        flex:none;
        height:auto;
    }
    .hcc-desktop-search-modal-dialog {
        display:block;
        height:auto;
    }
    .hcc-desktop-search-modal-close--desktop {
        display:inline-flex;
    }
    .hcc-desktop-search-modal-submit--desktop,
    .hcc-desktop-search-modal-analyze {
        display:inline-flex;
    }
    .homepage-revamp-page {
        width:100%;
        max-width:none;
        margin:0 auto;
        padding-top:var(--hcc-desktop-header-height,96px);
        border-radius:0;
        overflow:visible;
        box-shadow:none;
        background:#fef3e9;
        position:relative;
    }
    body.homepage-revamp-code .header-mobile.hcc-header-mobile-original,
    body.homepage-revamp-code .header-mobile-copy,
    body.homepage-revamp-code .floating-buttons {
        display:none !important;
    }
    .hcc-hero {
        width:var(--hcc-desktop-inset);
        max-width:var(--hcc-hero-max);
        /* Figma Hero (12049:3434): pt 120px setelah nav; gap 40px di bawah header fixed */
        margin:40px auto 0;
        padding:0;
        background:#fff;
        position:relative;
        overflow:visible;
        border-radius:24px 24px 0 0;
        z-index:1;
    }
    .hcc-hero-media-shell {
        position:relative;
        width:100%;
        background:transparent;
        border-radius:0;
    }
    .hcc-hero-slider-wrap {
        position:relative;
        width:100%;
        overflow:hidden;
        border-radius:24px;
        background:transparent;
    }
    .hcc-hero-track.slick-initialized.slick-slider {
        margin-bottom:0 !important;
    }
    .hcc-hero-track.slick-initialized .slick-list {
        overflow:hidden !important;
        position:relative;
    }
    .hcc-hero-track.slick-initialized .slick-track {
        display:block;
    }
    .hcc-hero-track.slick-initialized .slick-slide {
        height:auto;
        float:left;
    }
    .hcc-hero-track.slick-initialized .slick-slide > div {
        height:100%;
    }
    /*
     * Figma Hero (12049:3434) + path4 (12050:4101) — desktop
     * Ultra-wide: cap 1347px (align hero 1344px), fluid di bawah breakpoint
     */
    .hcc-hero-path-deco {
        display:flex;
        top:calc(var(--hcc-desktop-header-height, 96px) - 279.41px);
        left:50%;
        width:var(--hcc-desktop-inset);
        max-width:var(--hcc-hero-deco-max);
        height:auto;
        aspect-ratio:1347.231 / 687.071;
    }
    .hcc-hero-path-deco-shape {
        width:98.46%;
        height:auto;
        aspect-ratio:1326.511 / 333.615;
    }
    .hcc-hero-track {
        position:relative;
        z-index:1;
    }
    .hcc-hero video.hcc-hero-media,
    .hcc-hero .hcc-hero-media.hcc-hero-picture img,
    .hcc-hero-slide .hcc-hero-picture img {
        position:relative;
        z-index:1;
    }
    .hcc-hero-slide .hcc-hero-slide-link {
        position:relative;
        overflow:hidden;
        width:100%;
        max-width:100%;
        aspect-ratio:16/9;
        height:auto;
        margin:0 auto;
        border-radius:24px;
        background:transparent;
    }
    .hcc-hero-slide[data-hcc-hero-slide-type="image"] .hcc-hero-picture {
        position:absolute;
        inset:0;
        display:block;
        width:100%;
        height:100%;
        line-height:0;
    }
    .hcc-hero-slide[data-hcc-hero-slide-type="image"] .hcc-hero-picture img {
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        border-radius:24px;
    }
    .hcc-hero iframe,
    .hcc-hero video.hcc-hero-media {
        display:block !important;
        border:0;
        margin:0 auto;
    }
    .hcc-hero-slide[data-hcc-hero-slide-type="youtube"] iframe {
        position:absolute !important;
        top:0;
        left:0;
        width:100%;
        height:100%;
        margin:0;
        border-radius:0;
        aspect-ratio:auto;
        object-fit:unset;
        z-index:1;
    }
    .hcc-hero-slide[data-hcc-hero-slide-type="mp4"] video.hcc-hero-media {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        border-radius:0;
        object-fit:cover;
        object-position:center;
        background:transparent;
        pointer-events:auto;
        transform:none;
    }
    .hcc-hero-track.slick-initialized { width:100%; max-width:100%; margin:0 auto; }
    .hcc-hero-track.slick-initialized .slick-list { border-radius:24px; background:transparent; }
    /* Figma Opsi 4: dot di ruang putih antara hero dan logo brand */
    .hcc-hero-pagination-band {
        display:flex;
        align-items:center;
        justify-content:center;
        gap:4px;
        width:var(--hcc-desktop-inset);
        max-width:var(--hcc-hero-max);
        margin:0 auto;
        padding:12px 0;
        background:#fff;
        position:relative;
        z-index:2;
        pointer-events:auto;
        line-height:normal;
        flex-shrink:0;
    }
    .hcc-hero-pagination-band [data-hcc-hero-dot] {
        display:inline-block;
        flex-shrink:0;
        border:none;
        padding:0;
        cursor:pointer;
    }
    .hcc-hero-pagination-band .dot-active {
        width:37px;
        height:6px;
        border-radius:99px;
        background:rgba(13,13,18,.32);
    }
    .hcc-hero-pagination-band .dot {
        width:6px;
        height:6px;
        border-radius:50%;
        background:rgba(13,13,18,.16);
    }
    .hcc-brand-strip-label {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        position:absolute;
        left:26px;
        top:-30px;
        height:27px;
        width:auto;
        min-width:140px;
        margin:0;
        padding:0 16px;
        background:#0d0d12;
        color:#fff;
        font-size:16px;
        font-weight:600;
        line-height:1.55;
        letter-spacing:-.32px;
        border-radius:7.2px 7.2px 7.2px 0;
        z-index:15;
        white-space:nowrap;
        pointer-events:none;
    }
    .hcc-brand-strip-label::after {
        border-top-width:8.63px;
        border-right-width:6.55px;
    }
    .hcc-hero img,
    .hcc-hero .hcc-hero-media {
        border-radius:24px;
    }
    .hcc-brand-strip {
        width:var(--hcc-desktop-inset);
        max-width:var(--hcc-hero-max);
        margin:0 auto;
        padding:0 26px 24px;
        border-radius:0 0 24px 24px;
        background:#fff;
        display:block;
        box-shadow:0 1px 1px rgba(13,13,18,.04),0 1px 1.5px rgba(13,13,18,.05);
        position:relative;
        z-index:2;
        overflow:visible;
    }
    .hcc-hero-pagination-band + .hcc-brand-strip {
        margin-top:0;
        border-top-left-radius:0;
        border-top-right-radius:0;
    }
    .hcc-brand-strip-track {
        width:100%;
    }
    .hcc-brand-strip-track:not(.slick-initialized) {
        display:flex;
        flex-wrap:nowrap;
        gap:8px;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    .hcc-brand-strip-track:not(.slick-initialized) a {
        flex:0 0 calc((100% - 24px) / 4);
        max-width:calc((100% - 24px) / 4);
    }
    .hcc-brand-strip-track a {
        width:100%;
        height:80px;
        background:#fff;
        border:1px solid rgba(245,130,32,.1);
        border-radius:8px;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
    }
    /* Klinik eksklusif di desktop sekarang dinamis + slider, jadi ukuran logo dibuat proporsional generik */
    .hcc-brand-strip-track a picture {
        width:100%;
        height:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0 12px;
        box-sizing:border-box;
    }
    .hcc-brand-strip-track a img {
        width:auto;
        height:auto;
        max-width:100%;
        max-height:56px;
        object-fit:contain;
        border-radius:0;
        display:block;
    }
    .hcc-brand-strip-track.slick-initialized {
        display:block;
    }
    .hcc-brand-strip-track.slick-initialized .slick-list {
        margin:0;
        padding:0 8px;
        box-sizing:border-box;
    }
    .hcc-brand-strip-track.slick-initialized .slick-slide {
        padding:0 6px;
        box-sizing:border-box;
    }
    /* Journey: ultra-wide hybrid — lebar fluid, kartu cap 1440px */
    .hcc-journey {
        grid-template-columns:repeat(2,minmax(0,1fr));
        width:var(--hcc-desktop-inset);
        max-width:var(--hcc-journey-max);
        margin-left:auto;
        margin-right:auto;
        row-gap:36px;
        column-gap:8px;
        /* Figma 12049:3465: 48px ke judul; judul ke baris kartu = 36px (y 79−43) */
        padding:48px 16px 64px;
        background:#fef3e9;
    }
    .hcc-journey-title {
        display:block;
        grid-column:1 / -1;
        box-sizing:border-box;
        max-width:426px;
        margin:0 auto;
        padding:0;
        text-align:center;
        font-family:var(--hcc-font);
        font-weight:700;
        font-size:36px;
        line-height:1.2;
        color:#101820;
        letter-spacing:0;
        /* Satu baris seperti Figma (hindari “jarak” 43px = line-height antar baris jika wrap) */
        white-space:nowrap;
    }
    .hcc-journey-item { width:100%; }
    .hcc-journey-card {
        min-height:324px;
        height:324px;
        padding:24px 24px 64px;
        border-radius:16px;
        overflow:hidden;
    }
    .hcc-journey-card.hcc-journey-card-heal {
        background:#345d9d;
        box-shadow:0 5px 10px -2px rgba(13,13,18,.04),0 4px 8px -1px rgba(13,13,18,.02);
    }
    .hcc-journey-card.hcc-journey-card-uplift {
        background:#6f111e;
        box-shadow:0 1px 3px 0 rgba(13,13,18,.05),0 1px 2px 0 rgba(13,13,18,.04);
    }
    .hcc-journey-card::before {
        background:linear-gradient(180deg, rgba(13,13,18,.48) 0%, rgba(13,13,18,.2) 30%, rgba(13,13,18,0) 52%, rgba(13,13,18,.14) 100%);
    }
    .hcc-journey-card__content {
        gap:11px;
    }
    .hcc-journey-card h4 {
        font-size:32px;
        line-height:1.5;
        color:#fff;
    }
    .hcc-journey-subtags {
        margin:0;
        min-height:0;
        gap:4px;
    }
    .hcc-journey-card.hcc-journey-card-uplift .hcc-journey-subtags {
        gap:4px;
    }
    .hcc-journey-subtag {
        font-size:16px;
        line-height:1.6;
        font-weight:400;
        letter-spacing:-.32px;
        height:auto;
        min-height:auto;
        padding:2px 6px;
        border-radius:99px;
        background:rgba(255,255,255,.12);
        white-space:normal;
        color:rgba(255,255,255,.92);
    }
    .hcc-journey-subtag--more {
        position:relative;
        cursor:help;
        font-weight:600;
        white-space:nowrap;
    }
    .hcc-journey-subtag--more::after {
        content:attr(title);
        position:absolute;
        left:50%;
        top:calc(100% + 8px);
        transform:translateX(-50%);
        z-index:5;
        max-width:min(280px, 40vw);
        padding:8px 12px;
        border-radius:8px;
        background:rgba(13,13,18,.92);
        color:#fff;
        font-size:14px;
        line-height:1.5;
        font-weight:400;
        letter-spacing:0;
        white-space:normal;
        text-align:center;
        pointer-events:none;
        opacity:0;
        visibility:hidden;
        transition:opacity .15s ease, visibility .15s ease;
    }
    .hcc-journey-subtag--more:hover::after,
    .hcc-journey-subtag--more:focus-visible::after,
    .hcc-journey-subtag--more:active::after {
        opacity:1;
        visibility:visible;
    }
    .hcc-journey-heal-img--mob,
    .hcc-journey-uplift-img--mob { display:none !important; }
    .hcc-journey-heal-img--desk,
    .hcc-journey-uplift-img--desk {
        display:block !important;
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
    }
    /* Figma 13419:6668 / 13419:6669 — desktop Cek treatment (tinggi bar lebih besar) */
    .hcc-popular-check {
        bottom:0;
        left:0;
        right:0;
        border-radius:0 0 16px 16px;
        min-height:56px;
        padding:16px 0;
        background:rgba(0,0,0,.4);
        backdrop-filter:blur(4px);
        -webkit-backdrop-filter:blur(4px);
        font-size:14px;
        line-height:1.5;
        letter-spacing:0;
        font-weight:400;
    }
    .hcc-popular-check img {
        width:12px;
        height:12px;
    }
    .hcc-booking-row {
        margin:0 24px;
        border-radius:0 0 20px 20px;
        padding:12px 16px 16px;
    }
    /* Background full lebar viewport; konten dibatasi di .hcc-services-inner (1080px) */
    .hcc-services {
        box-sizing:border-box;
        width:100%;
        max-width:none;
        margin-left:0;
        margin-right:0;
        padding:64px 0;
        border-radius:16px 16px 0 0;
        background:linear-gradient(180deg, rgba(245,130,32,.36) 0%, rgba(245,130,32,0) 100%), #fff;
    }
    .hcc-services-inner {
        max-width:var(--hcc-content-max);
        margin-left:auto;
        margin-right:auto;
        padding:0 12px;
        box-sizing:border-box;
    }
    /* Figma: fontStyle text-4xl 36px, weight 700, line 120%, theme secondary #101820 (sama node style “Pilih Kebutuhan”) */
    .homepage-revamp-page .hcc-services-title {
        display:flex;
        align-items:center;
        justify-content:center;
        font-family:var(--hcc-font);
        font-size:36px;
        font-weight:700;
        font-style:normal;
        line-height:1.2;
        color:#101820;
        margin:0 0 32px;
        letter-spacing:0;
        font-synthesis:none;
    }
    .hcc-services-title-row {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        gap:10px;
    }
    .homepage-revamp-page .hcc-services-title .hcc-services-title-text {
        font-family:var(--hcc-font);
        font-size:36px;
        font-weight:700;
        font-style:normal;
        line-height:1.2;
        letter-spacing:0;
        color:#101820;
        font-synthesis:none;
        -webkit-font-smoothing:antialiased;
        margin:0;
        padding:0;
    }
    .hcc-services-title-crown {
        display:block;
        width:36px;
        height:36px;
        max-width:36px;
        max-height:36px;
        object-fit:contain;
        flex-shrink:0;
    }
    /* Desktop: grid fallback → Slick 3 kartu + kontrol Figma 12052:4399 (dots + panah) */
    .hcc-services-track {
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:12px;
        width:100%;
        align-items:start;
    }
    .hcc-services-track.slick-initialized {
        display:block;
    }
    .hcc-services-track.slick-initialized .slick-list {
        overflow:hidden;
        margin:0 -6px;
    }
    .hcc-services-track.slick-initialized .slick-track {
        display:flex;
    }
    .hcc-services-track.slick-initialized .slick-slide {
        height:inherit;
        padding:0 6px;
        box-sizing:border-box;
    }
    .hcc-services-track.slick-initialized .slick-slide > div {
        height:100%;
    }
    /* Kolom grid fleksibel — timpa width 159px/258px dari mobile */
    .hcc-service-item {
        width:100% !important;
        max-width:none !important;
        min-width:0;
        box-sizing:border-box;
        display:flex !important;
        justify-content:stretch;
    }
    .hcc-service-card {
        width:100% !important;
        max-width:none !important;
        box-sizing:border-box;
    }
    .hcc-service-card .hcc-service-thumb--desk {
        display:block !important;
    }
    .hcc-service-card .hcc-service-thumb--mob {
        display:none !important;
    }
    /* Figma — kartu: padding/gap 12, radius 16, kolom flex, tinggi hug konten */
    .hcc-service-card {
        height:auto;
        align-items:flex-start;
        flex:none;
        border-radius:16px;
        padding:12px;
        gap:12px;
        background:#fff;
        box-shadow:0 1px 3px rgba(13,13,18,.08),0 1px 2px rgba(13,13,18,.04);
    }
    /* Desktop: kotak 1:1 + cover — sama seperti .card-image-top di treatment group */
    .hcc-service-card .hcc-service-thumb-wrap {
        display:block;
        width:100%;
        aspect-ratio:1;
        height:auto;
        min-height:0;
        max-height:none;
        border-radius:12px;
        background:#fafafa;
        overflow:hidden;
        flex-shrink:0;
    }
    .hcc-service-card .hcc-service-thumb-wrap img {
        width:100%;
        height:100%;
        aspect-ratio:1;
        min-height:0;
        max-height:none;
        object-fit:cover;
        object-position:center;
        border-radius:0;
        display:block;
    }
    .hcc-service-card .hcc-service-thumb-wrap img[src*="loader"],
    .hcc-journey-card__media img[src*="loader"] {
        object-fit:contain;
        object-position:center;
    }
    .hcc-service-card .hcc-service-rank {
        top:0;
        left:0;
    }
    /* Figma Inspect: text-dark #0D0D12, weight 600, LH 140%, tinggi baris judul 45px, ellipsis */
    .hcc-service-card .hcc-service-title--mob {
        display:none !important;
    }
    .hcc-service-card .hcc-service-title--desk,
    .hcc-service-card .hcc-service-title-link.hcc-service-title--desk {
        font-family:var(--hcc-font);
        font-size:16px;
        font-weight:600;
        font-style:normal;
        line-height:1.4;
        color:#0d0d12;
        align-self:stretch;
        width:100%;
        min-height:45px;
        margin:0;
        display:block !important;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        text-decoration:none;
    }
    .hcc-service-card .hcc-service-title-link.hcc-service-title--desk:hover,
    .hcc-service-card .hcc-service-title-link.hcc-service-title--desk:focus-visible {
        color:#0d0d12;
    }
    /* Desktop: “Mulai dari” + nominal satu baris */
    .hcc-service-card .hcc-service-price {
        display:block;
        flex-direction:row;
        font-family:var(--hcc-font);
        font-size:14px;
        font-weight:400;
        font-style:normal;
        line-height:1.55;
        letter-spacing:-.28px;
        color:var(--hcc-text-body);
        align-self:stretch;
        width:100%;
        margin:0;
        min-height:0;
    }
    .hcc-service-card .hcc-service-price-prefix,
    .hcc-service-card .hcc-service-price .hcc-service-price-value {
        display:inline;
    }
    .hcc-service-card .hcc-service-price-prefix::after {
        content:' ';
    }
    .hcc-service-card .hcc-service-price .hcc-service-price-value {
        font-family:var(--hcc-font);
        font-size:14px;
        font-weight:700;
        font-style:normal;
        line-height:1.4;
        letter-spacing:0;
        color:#161616;
    }
    /* Figma node 12052:4541 (Button) — primary #f58220, shadow XSmall, px 16 / py 8, h 32 */
    .hcc-service-card .hcc-service-btn {
        box-sizing:border-box;
        margin-top:auto;
        align-self:stretch;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        height:32px;
        min-height:32px;
        max-height:32px;
        padding:8px 16px;
        font-size:12px;
        font-weight:700;
        line-height:1;
        letter-spacing:-.24px;
        color:var(--hcc-white);
        background:var(--hcc-primary);
        border:1px solid var(--hcc-primary);
        border-radius:999px;
        box-shadow:0 1px 1px rgba(13,13,18,.06);
    }
    /* Desktop wrapper: full lebar viewport */
    .hcc-clinic-slider {
        position:relative;
        width:100%;
        max-width:none;
        margin:0;
        padding:0;
        background:transparent;
        box-sizing:border-box;
    }
    .hcc-doctors-wrap,
    .hcc-premium,
    .hcc-testimonial,
    .hcc-article {
        padding-left:24px;
        padding-right:24px;
    }
    /* Temukan Klinik: bg full lebar; grid konten cap 1080px */
    .hcc-clinic {
        padding:64px 40px;
        width:var(--hcc-desktop-inset);
        max-width:none;
        margin-left:auto;
        margin-right:auto;
        box-sizing:border-box;
        background-color:var(--hcc-bg-soft);
        background-image:url('/figma-landing-mobile/images/bg-temukan-klinik.jpeg');
        background-position:center center;
        background-size:cover;
        background-repeat:no-repeat;
    }
    .hcc-clinic::before {
        display:none;
    }
    /* Judul satu baris penuh; baris 2 = carousel | aside → tombol tidak sejajar judul */
    .hcc-clinic-main {
        gap:32px;
        grid-column:1;
        grid-row:2;
        min-width:0;
    }
    .hcc-clinic .hcc-clinic-title {
        grid-column:1 / -1;
        grid-row:1;
        font-size:36px;
        font-weight:700;
        line-height:1.2;
        color:#101820;
        text-align:left;
        margin:0;
        letter-spacing:0;
    }
    .hcc-clinic-body {
        display:grid;
        grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);
        gap:32px;
        align-items:start;
        width:100%;
        max-width:var(--hcc-content-max);
        margin-left:auto;
        margin-right:auto;
        box-sizing:border-box;
    }
    .hcc-clinic-media {
        min-width:0;
    }
    .hcc-clinic-carousel {
        display:flex;
        flex-direction:row;
        align-items:center;
        gap:0;
        width:100%;
    }
    .hcc-clinic-nav {
        display:flex;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        z-index:2;
    }
    .hcc-clinic-nav--prev { left:16px; }
    .hcc-clinic-nav--next { right:16px; }
    .hcc-clinic-image-track {
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        gap:8px;
        width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }
    .hcc-clinic-image-track::-webkit-scrollbar {
        display:none;
        width:0;
        height:0;
    }
    /* Desktop uses Slick for infinite loop behavior */
    .hcc-clinic-image-track.slick-initialized {
        overflow: visible;
        display: block;
    }
    .hcc-clinic-image-track.slick-initialized .slick-list {
        overflow: hidden;
    }
    .hcc-clinic-image-track .slick-list,
    .hcc-clinic-image-track .slick-track {
        display:flex !important;
        flex-direction:row !important;
        width:auto !important;
    }
    .hcc-clinic-image-track .slick-slide {
        width:285px !important;
        margin-right:8px;
        float:none !important;
    }
    .hcc-clinic-image-slide {
        display:block !important;
        flex:0 0 auto;
        width:285px !important;
        max-width:85vw;
    }
    .hcc-clinic-image-slide img {
        width:100%;
        max-width:285px;
        height:200px;
        border-radius:16px;
        object-fit:cover;
    }
    /* Kolom kanan: sejajar baris carousel + vertikal center di samping gambar */
    .hcc-clinic-aside {
        grid-column:2;
        grid-row:2;
        align-self:center;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:24px;
        min-width:0;
    }
    /*
     * Figma — tanpa kartu putih: angka + label langsung di atas latar section (cream/texture).
     */
    .hcc-clinic .hcc-clinic-stats {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:16px;
        margin-top:0;
        width:100%;
        align-items:start;
    }
    .hcc-clinic .hcc-clinic-stat-item {
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        text-align:center;
        background:transparent;
        border-radius:0;
        padding:0 4px;
        min-height:0;
        box-sizing:border-box;
        box-shadow:none;
    }
    .hcc-clinic .hcc-clinic-stat-item strong {
        display:block;
        font-family:Kanit,sans-serif;
        font-size:48px;
        font-weight:500;
        line-height:1.2;
        color:var(--hcc-primary);
        letter-spacing:0;
    }
    .hcc-clinic .hcc-clinic-stat-item span {
        display:block;
        margin-top:4px;
        max-width:100%;
        color:#101820;
        font-weight:400;
        font-size:14px;
        line-height:1.4;
        letter-spacing:-0.28px;
        font-family:var(--hcc-font);
        text-transform:none;
    }
    /*
     * Figma — Cari Lokasi: pill lebar di bawah kedua stat, sejajar lebar blok stat (bukan mepet kanan).
     */
    .hcc-clinic .hcc-clinic-cta {
        align-self:stretch;
        width:100%;
        max-width:100%;
        min-width:0;
        height:52px;
        min-height:52px;
        padding:8px 16px;
        margin-top:0;
        border:1px solid #101820;
        border-radius:999px;
        background:#101820;
        color:#fff;
        font-size:18px;
        font-weight:700;
        line-height:1.4;
        letter-spacing:0;
        box-shadow:0 1px 2px rgba(13,13,18,.06);
        justify-content:center;
        align-items:center;
        text-decoration:none;
        appearance:none;
        -webkit-appearance:none;
        background-image:none;
        transition:background-color .2s ease,color .2s ease,border-color .2s ease;
    }
    .hcc-clinic .hcc-clinic-cta::before,
    .hcc-clinic .hcc-clinic-cta::after {
        content:none !important;
        display:none !important;
    }
    .hcc-doctors {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px;
    }
    .hcc-doctor-card {
        width:100% !important;
        height:360px;
    }
    .hcc-clinic-slider {
        margin-bottom:0;
    }
    .hcc-clinic-slider + .hcc-doctors-top {
        margin-top:0;
    }
    .hcc-doctors-top {
        background:transparent;
        border-radius:0;
        overflow:visible;
    }
    .hcc-doctors-wrap {
        width:100%;
        max-width:none;
        padding-top:48px;
        padding-bottom:48px;
        background:var(--hcc-bg-soft);
        border-radius:0;
        overflow:visible;
        box-sizing:border-box;
    }
    .hcc-doctors-inner {
        max-width:var(--hcc-content-max);
        margin-left:auto;
        margin-right:auto;
        padding-left:40px;
        padding-right:40px;
        box-sizing:border-box;
    }
    .hcc-doctors-head,
    .hcc-doctors,
    .hcc-doctors-desktop-grid,
    .hcc-doctors-desktop-footer {
        width:100%;
        max-width:none;
        margin-left:0;
        margin-right:0;
    }
    .hcc-doctors-head {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:16px;
        margin:0 0 16px;
    }
    .hcc-doctors-title {
        margin:0;
        font-size:36px;
        font-weight:700;
        line-height:1.2;
        letter-spacing:0;
        text-align:left;
    }
    .hcc-doctors-cta {
        display:none;
    }
    .hcc-doctors-cta-top {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        text-decoration:none;
        height:48px;
        padding:8px 16px;
        border-radius:999px;
        background:#101820;
        color:#fff;
        border:1px solid #101820;
        box-shadow:0 1px 1px rgba(13,13,18,.06);
        font-family:var(--hcc-font);
        font-size:18px;
        font-weight:700;
        line-height:1.55;
        letter-spacing:0;
        white-space:nowrap;
        flex-shrink:0;
        transition:background-color .2s ease,color .2s ease,border-color .2s ease;
    }
    .hcc-doctors-cta-top:link,
    .hcc-doctors-cta-top:visited,
    .hcc-doctors-cta-top:active {
        color:#fff;
        text-decoration:none;
    }
    .hcc-doctors-cta-top:hover,
    .hcc-doctors-cta-top:focus-visible {
        background:#fff;
        color:#101820;
        border-color:#101820;
        text-decoration:none;
    }
    .hcc-doctors {
        display:none;
    }
    .hcc-doctors-desktop-grid {
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:16px;
    }
    .hcc-doctors-desktop-grid.slick-initialized {
        display:block;
    }
    .hcc-doctors-desktop-grid.slick-initialized .slick-list {
        overflow:hidden;
        margin:0 -8px;
    }
    .hcc-doctors-desktop-grid.slick-initialized .slick-track {
        display:flex;
    }
    .hcc-doctors-desktop-grid.slick-initialized .slick-slide {
        height:inherit;
        padding:0 8px;
        box-sizing:border-box;
    }
    .hcc-doctors-desktop-grid.slick-initialized .slick-slide > div {
        height:100%;
    }
    .hcc-doctors-desktop-footer,
    .hcc-services-desktop-footer,
    .hcc-testimonial-desktop-footer,
    .hcc-real-result-desktop-footer,
    .hcc-article-desktop-footer {
        display:flex;
        align-items:center;
        justify-content:space-between;
    }
    .hcc-real-result-desktop-footer[hidden] {
        display:none !important;
    }
    .hcc-testimonial-desktop-footer[hidden] {
        display:none !important;
    }
    .hcc-doctors-desktop-footer,
    .hcc-services-desktop-footer {
        margin-top:16px;
    }
    .hcc-doctors-desktop-dots,
    .hcc-services-desktop-dots,
    .hcc-testimonial-desktop-dots,
    .hcc-real-result-desktop-dots,
    .hcc-article-desktop-dots {
        display:flex;
        align-items:center;
        gap:4px;
    }
    .hcc-doctors-desktop-dot,
    .hcc-services-desktop-dot,
    .hcc-testimonial-desktop-dot,
    .hcc-real-result-desktop-dot,
    .hcc-article-desktop-dot {
        width:12px;
        height:6px;
        border-radius:99px;
        background:#fde6d2;
        border:0;
        padding:0;
        display:inline-block;
        cursor:pointer;
    }
    .hcc-doctors-desktop-dot.is-active,
    .hcc-services-desktop-dot.is-active,
    .hcc-testimonial-desktop-dot.is-active,
    .hcc-real-result-desktop-dot.is-active,
    .hcc-article-desktop-dot.is-active {
        background:#f58220;
    }
    .hcc-doctors-desktop-dot:focus-visible,
    .hcc-services-desktop-dot:focus-visible,
    .hcc-testimonial-desktop-dot:focus-visible,
    .hcc-real-result-desktop-dot:focus-visible,
    .hcc-article-desktop-dot:focus-visible,
    .hcc-doctors-desktop-arrow:focus-visible,
    .hcc-services-desktop-arrow:focus-visible,
    .hcc-testimonial-desktop-arrow:focus-visible,
    .hcc-real-result-desktop-arrow:focus-visible,
    .hcc-article-desktop-arrow:focus-visible {
        outline:2px solid #f58220;
        outline-offset:2px;
    }
    .hcc-doctors-desktop-arrows,
    .hcc-services-desktop-arrows,
    .hcc-testimonial-desktop-arrows,
    .hcc-real-result-desktop-arrows,
    .hcc-article-desktop-arrows {
        display:flex;
        align-items:center;
        gap:16px;
    }
    .hcc-doctors-desktop-arrow,
    .hcc-services-desktop-arrow,
    .hcc-testimonial-desktop-arrow,
    .hcc-real-result-desktop-arrow,
    .hcc-article-desktop-arrow {
        width:40px;
        height:40px;
        border:0;
        border-radius:999px;
        background:#fef3e9;
        color:#f58220;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        padding:0;
        cursor:pointer;
    }
    .hcc-doctors-desktop-arrow svg,
    .hcc-services-desktop-arrow svg,
    .hcc-testimonial-desktop-arrow svg,
    .hcc-real-result-desktop-arrow svg,
    .hcc-article-desktop-arrow svg {
        width:24px;
        height:24px;
        display:block;
    }
    .hcc-doctor-card-desktop {
        position:relative;
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
        height:300px;
        border-radius:16px;
        overflow:hidden;
        background:#fff;
        border:1px solid rgba(245,130,32,.12);
        box-shadow:0 1px 3px rgba(13,13,18,.06);
    }
    .hcc-doctor-card-desktop::before {
        content:none;
        display:none;
    }
    .hcc-doctor-card-desktop > * {
        position:relative;
        z-index:1;
    }
    .hcc-doctor-card-desktop .hcc-doctor-photo {
        position:absolute;
        left:50%;
        top:6px;
        transform:translateX(-50%);
        width:auto;
        height:198px;
        max-height:198px;
        object-fit:contain;
    }
    .hcc-doctor-card-desktop .hcc-doctor-content {
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        padding:14px 16px 16px;
        border-radius:0 0 16px 16px;
        background:#fff;
        z-index:2;
        display:flex;
        flex-direction:column;
        gap:4px;
        min-height:112px;
    }
    .hcc-doctor-card-desktop .hcc-doctor-name {
        margin:0;
        color:#0d0d12;
        font-family:var(--hcc-font);
        font-size:16px;
        font-weight:600;
        line-height:1.3;
        letter-spacing:-.32px;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
        /* Reserve 2 lines so specialty text aligns across cards */
        min-height:2.6em;
    }
    .hcc-doctor-card-desktop .hcc-doctor-specialty {
        display:block;
        width:100%;
        box-sizing:border-box;
        padding:0;
        margin:0;
        background:transparent;
        color:#f58220;
        font-family:var(--hcc-font);
        font-size:14px;
        font-weight:500;
        line-height:1.4;
        letter-spacing:-.28px;
        text-decoration:underline;
        text-underline-offset:2px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .hcc-doctor-card-desktop .hcc-doctor-specialty[data-full-specialty] {
        cursor:help;
    }
    .hcc-testimonial-track,
    .hcc-article-track {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px;
    }
    /* Shell gelap penuh: strip atas mengikuti latar section dokter (orange desktop). */
    .hcc-premium-top {
        position:relative;
        width:100%;
        max-width:none;
        background:#101820;
    }
    .hcc-premium-top::before {
        content:'';
        position:absolute;
        top:0;
        left:0;
        right:0;
        height:48px;
        background:var(--hcc-bg-soft);
        pointer-events:none;
        z-index:0;
    }
    .hcc-premium-top .hcc-premium {
        position:relative;
        z-index:1;
        margin:0;
        padding:64px 16px;
        border-radius:24px 24px 0 0;
        background:#101820;
    }
    .hcc-premium-title {
        margin:0 auto 48px;
        max-width:644px;
        min-height:0;
        color:#fff;
        text-align:center;
        font-size:36px;
        font-weight:700;
        line-height:1.2;
        letter-spacing:0;
    }
    .hcc-premium-track {
        max-width:var(--hcc-content-max);
        margin:0 auto;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:16px;
        box-sizing:border-box;
    }
    .hcc-premium-track .slick-list,
    .hcc-premium-track .slick-track,
    .hcc-premium-track .slick-slide {
        display:contents !important;
        width:auto !important;
        padding:0 !important;
        margin:0 !important;
    }
    .hcc-premium-card,
    .hcc-testimonial-card,
    .hcc-article-card {
        width:100% !important;
        max-width:none;
    }
    .hcc-premium-card {
        min-height:0;
        padding:16px 6px;
        gap:12px;
    }
    .hcc-premium-card .hcc-premium-logo {
        margin:0;
        width:107px;
        height:46px;
    }
    .hcc-premium-card--revive .hcc-premium-logo {
        width:197px;
    }
    .hcc-premium-card--thick .hcc-premium-logo {
        width:94px;
    }
    .hcc-premium-card .hcc-premium-image {
        width:100%;
        height:160px;
        margin:0;
        border-radius:8px;
        object-fit:cover;
        object-position:center;
        display:block;
    }
    .hcc-premium-card--revive .hcc-premium-image {
        object-position:center;
    }
    .hcc-premium-card--thick .hcc-premium-image {
        object-position:center;
    }
    .homepage-revamp-page .hcc-premium-card .hcc-premium-description {
        width:auto;
        max-width:282px;
        margin:0 auto;
        padding:0 8px;
        font-size:14px;
        line-height:1.55;
        letter-spacing:-.28px;
    }
    /* Shell putih penuh: hilangkan garis gelap/krem di bawah testimoni (ke artikel). Gelap hanya di atas via ::before untuk lengkungan dari premium. */
    .hcc-testimonial-top {
        position:relative;
        width:100%;
        max-width:none;
        margin-top:0;
        background:#fff;
    }
    .hcc-testimonial-top::before {
        content:'';
        position:absolute;
        top:0;
        left:0;
        right:0;
        height:48px;
        background:#101820;
        pointer-events:none;
        z-index:0;
    }
    .hcc-testimonial-top .hcc-testimonial {
        position:relative;
        z-index:1;
        margin:0;
        padding:64px 16px;
        border-radius:24px 24px 0 0;
        background:#fff;
    }
    .hcc-testimonial-title {
        width:100%;
        max-width:var(--hcc-content-max);
        min-height:0;
        margin:0 auto 36px;
        text-align:center;
        font-size:36px !important;
        line-height:1.2 !important;
        font-weight:700;
        color:#101820;
        letter-spacing:0;
    }
    .hcc-testimonial-title .hcc-testimonial-accent {
        color:#f58220;
        font-family:var(--hcc-font);
        font-size:36px;
        font-style:normal;
        font-weight:700;
        line-height:1.2;
        letter-spacing:0;
    }
    .hcc-testimonial-tabs {
        width:100%;
        max-width:500px;
        margin:0 auto 36px;
        border:1px solid rgba(223,225,231,.2);
        border-radius:999px;
        padding:8px;
        gap:0;
        box-shadow:0 1px 1px rgba(13,13,18,.04),0 1px 1.5px rgba(13,13,18,.05);
    }
    .hcc-testimonial-tabs button {
        min-height:48px;
        padding:16px 24px;
        font-size:14px;
        line-height:1.55;
        font-weight:700;
        letter-spacing:-.28px;
    }
    .hcc-real-result-track {
        max-width:var(--hcc-content-max);
        margin:0 auto;
        display:flex;
        flex-wrap:nowrap;
        gap:12px;
        overflow:hidden;
    }
    .hcc-real-result-track:not(.slick-initialized) .hcc-real-result-card {
        flex:0 0 calc(50% - 6px);
        width:calc(50% - 6px) !important;
        max-width:none;
    }
    .hcc-real-result-track:not(.slick-initialized) .hcc-real-result-card:nth-child(n+3) {
        display:none;
    }
    .hcc-real-result-track.slick-initialized { display:block; }
    .hcc-real-result-track.slick-initialized .slick-list { overflow:hidden !important; margin:0 -8px; }
    .hcc-real-result-track.slick-initialized .slick-track { display:flex; }
    .hcc-real-result-track.slick-initialized .slick-slide {
        padding:0 8px;
        box-sizing:border-box;
        height:inherit;
        width:50%;
    }
    .hcc-real-result-track.slick-initialized .slick-slide > div { height:100%; }
    .hcc-real-result-card {
        width:100% !important;
        max-width:none;
        flex:none;
        padding:24px;
        gap:16px;
        box-sizing:border-box;
    }
    .hcc-real-result-card__compare { gap:16px; align-items:stretch; }
    .hcc-real-result-card__photo-wrap { height:236px; }
    .hcc-real-result-card__badge {
        min-height:24px;
        padding:4px 10px;
        font-size:14px;
        line-height:1.55;
        letter-spacing:-.28px;
    }
    .hcc-real-result-card__avatar { width:42px; height:42px; }
    .hcc-real-result-card__user-name {
        font-size:14px;
        font-weight:500;
        line-height:1.55;
        letter-spacing:-.28px;
    }
    .hcc-real-result-card__user-role {
        font-size:12px;
        line-height:18px;
        letter-spacing:-.24px;
    }
    .hcc-real-result-desktop-footer {
        max-width:var(--hcc-content-max);
        margin:16px auto 0;
        min-height:40px;
    }
    .hcc-real-result-panel:not(.is-active) .hcc-real-result-desktop-footer {
        display:none !important;
    }
    .hcc-testimonial-track {
        max-width:var(--hcc-content-max);
        margin:0 auto;
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:16px;
    }
    .hcc-testimonial-track.slick-initialized,
    .hcc-article-track.slick-initialized { display:block; }
    .hcc-testimonial-track.slick-initialized .slick-list {
        overflow:hidden;
        margin:0 -8px;
    }
    .hcc-testimonial-track.slick-initialized .slick-track,
    .hcc-article-track.slick-initialized .slick-track { display:flex; }
    .hcc-testimonial-track.slick-initialized .slick-slide {
        padding:0 8px;
        box-sizing:border-box;
        height:inherit;
    }
    .hcc-testimonial-track.slick-initialized .slick-slide > div,
    .hcc-article-track.slick-initialized .slick-slide > div { height:100%; }
    .hcc-testimonial-card {
        border:1px solid #dfe1e7;
        border-radius:20px;
        padding:32px;
        gap:24px;
        min-height:0;
        box-shadow:none;
    }
    .hcc-testimonial-stars {
        gap:0;
        min-height:24px;
    }
    .hcc-testimonial-stars img,
    .hcc-testimonial-star {
        width:24px;
        height:24px;
    }
    .hcc-testimonial-text {
        font-size:16px;
        line-height:1.6;
        letter-spacing:-.32px;
        color:#666d80;
        white-space:pre-line;
    }
    .hcc-testimonial-user img {
        width:42px;
        height:42px;
    }
    .hcc-testimonial-user .hcc-testimonial-user-name {
        font-size:14px;
        font-weight:500;
        line-height:1.55;
        letter-spacing:-.28px;
    }
    .hcc-testimonial-user .hcc-testimonial-user-role {
        font-size:12px;
        line-height:18px;
        letter-spacing:-.24px;
    }
    .hcc-testimonial-desktop-footer {
        max-width:var(--hcc-content-max);
        margin:16px auto 0;
    }
    .hcc-article-top {
        width:100%;
        max-width:none;
    }
    .hcc-article-top .hcc-article {
        margin:0;
        padding:64px 16px;
        border-radius:24px 24px 0 0;
        background:#f8f8f8;
    }
    .hcc-article-title {
        margin:0 auto 36px;
        width:100%;
        max-width:var(--hcc-content-max);
        text-align:center;
        color:#101820;
        font-size:36px;
        font-weight:700;
        line-height:1.2;
        letter-spacing:0;
    }
    .hcc-article-track {
        max-width:var(--hcc-content-max);
        margin:0 auto;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:24px;
    }
    .hcc-article-track.slick-initialized .slick-list {
        overflow:hidden;
        margin:0 -12px;
    }
    .hcc-article-track.slick-initialized .slick-slide {
        padding:0 12px;
        box-sizing:border-box;
        height:inherit;
    }
    .hcc-article-card {
        border:0;
        border-radius:16px;
        background:#fff;
        height:auto;
        min-height:0;
        padding:16px;
        display:flex !important;
        flex-direction:column;
        gap:24px;
        box-shadow:none;
    }
    .hcc-article-media {
        width:100%;
        height:200px;
        border-radius:16px;
        overflow:hidden;
    }
    .hcc-article-media img {
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
        border-radius:16px;
    }
    .hcc-article-copy {
        padding:0;
        min-height:0;
        display:flex;
        flex-direction:column;
        gap:24px;
    }
    .hcc-article-date {
        margin:0;
        color:#666d80;
        font-size:14px;
        font-weight:500;
        line-height:1.55;
        letter-spacing:-.28px;
    }
    .hcc-article-headline {
        color:#0d0d12;
        font-size:18px;
        font-weight:500;
        line-height:1.5;
        letter-spacing:0;
        margin:0;
        padding-right:32px;
        position:relative;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }
    .hcc-article-headline::after {
        content:'↗';
        position:absolute;
        right:0;
        top:0;
        font-size:24px;
        line-height:1;
        color:#0d0d12;
        font-weight:500;
    }
    .hcc-article-tags {
        margin-top:auto;
        margin-bottom:auto;
        gap:8px;
    }
    .hcc-article-tags span {
        padding:2px 10px;
        border-radius:16px;
        background:#fafafa;
        color:#666d80;
        font-size:14px;
        font-weight:500;
        line-height:1.55;
        letter-spacing:-.28px;
    }
    .hcc-article-desktop-footer {
        max-width:var(--hcc-content-max);
        margin:16px auto 0;
    }
    .hcc-footer-main {
        padding:64px 24px 24px;
        gap:32px;
    }
    .hcc-footer-container {
        gap:24px;
    }
    .hcc-footer-top {
        flex-direction:column;
        gap:36px;
        width:367px;
        flex:0 0 367px;
    }
    .hcc-footer-logo {
        width:90px;
        height:auto;
    }
    .hcc-footer-address { max-width:367px; }
    .hcc-footer-links {
        flex:1 1 auto;
        gap:0;
    }
    .hcc-footer-columns {
        flex-direction:row;
        align-items:flex-start;
        justify-content:flex-start;
        gap:48px;
    }
    .hcc-footer-group { min-width:0; }
    .hcc-footer-group:nth-child(1) { width:150px; flex:0 0 150px; }
    .hcc-footer-group:nth-child(2) { width:252px; flex:0 0 252px; }
    .hcc-footer-group:nth-child(3) { width:184px; flex:0 0 184px; }
    .hcc-footer-title {
        margin:0 0 18px;
        font-size:18px;
        line-height:1.4;
        font-weight:500;
    }
    .hcc-footer-list a { color:#fff; }
    .hcc-footer-address,
    .hcc-footer-list a {
        font-size:14px;
        font-style:normal;
        font-weight:400;
        line-height:1.55;
        letter-spacing:-.28px;
        font-family:'Montserrat',var(--hcc-font),sans-serif;
    }
    .hcc-footer-social a {
        width:40px;
        height:40px;
    }
    .hcc-footer-list {
        gap:16px;
    }
    .hcc-footer-list li a {
        white-space:nowrap;
    }
    .hcc-footer-upper {
        flex-direction:row;
        align-items:flex-start;
        justify-content:space-between;
        gap:32px;
    }
    .hcc-footer-promo {
        display:block;
        max-width:1180px;
        margin:0 auto;
        border-radius:24px;
    }
    .hcc-footer-promo > img {
        width:100%;
        height:auto;
        object-fit:contain;
        border-radius:24px;
    }
    /* Desktop: area klik = seluruh badge (proporsional mengikuti tinggi banner) */
    .hcc-footer-store-links--desktop {
        left:2.2%;
        bottom:10.5%;
        width:36%;
        height:27%;
        flex-direction:row;
        align-items:stretch;
        justify-content:flex-start;
        gap:2.5%;
    }
    .hcc-footer-store-links--desktop .hcc-footer-store-link {
        flex:1 1 0;
        width:auto;
        height:100%;
        min-height:48px;
    }
    .hcc-footer-bottom {
        display:flex;
        max-width:1180px;
        margin:0 auto;
        padding-top:24px;
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
        gap:16px;
    }
    .hcc-footer-bottom p,
    .hcc-footer-bottom a {
        font-size:14px;
        line-height:1.55;
        letter-spacing:-.28px;
        color:#fff;
    }
    .hcc-footer-buddy-card,
    .hcc-footer-legal {
        display:none;
    }
    .hcc-desktop-floating-nav {
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:8;
        width:100%;
        height:77px;
        background:#fff;
        border-radius:15px 15px 0 0;
        box-shadow:0 1px 26.8px rgba(0,0,0,.08);
        display:block;
        padding:0;
        box-sizing:border-box;
    }
    .hcc-desktop-floating-nav-inner {
        width:100%;
        max-width:1180px;
        height:100%;
        margin:0 auto;
        display:flex;
        align-items:center;
        padding:0 8px;
        box-sizing:border-box;
    }
    .hcc-desktop-floating-nav .hcc-desktop-nav-item {
        flex:1 1 0;
        min-width:0;
        height:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        padding:16px 8px;
        color:#666d80;
        text-decoration:none;
        font-family:'Montserrat',var(--hcc-font),sans-serif;
        font-size:16px;
        font-weight:500;
        line-height:1.6;
        letter-spacing:-.32px;
        white-space:nowrap;
    }
    .hcc-desktop-floating-nav .hcc-desktop-nav-item img {
        width:24px;
        height:24px;
        object-fit:contain;
        flex:0 0 24px;
    }
    .hcc-desktop-floating-nav .hcc-desktop-nav-booking {
        flex:1 1 0;
        min-width:0;
        height:48px;
        border-radius:999px;
        background:#f58220;
        box-shadow:0 12px 16px rgba(245,130,32,.24),0 4px 6px rgba(245,130,32,.03);
        display:flex;
        align-items:center;
        justify-content:center;
        text-decoration:none;
        color:#fff;
        font-family:'Montserrat',var(--hcc-font),sans-serif;
        font-size:18px;
        font-weight:700;
        line-height:1.55;
        letter-spacing:0;
        margin:0 8px;
        white-space:nowrap;
    }
    .homepage-revamp-page {
        padding-bottom:77px;
    }
}
/* Heal/Uplift modal tabs — homepage (high specificity, beats footer CSS load order) */
body.homepage-revamp-code .hcc-popular-modal .hcc-popular-modal-body {
    display:flex;
    flex-direction:column;
    align-items:stretch;
}
body.homepage-revamp-code .hcc-popular-modal .hcc-popular-modal-main-tabs {
    align-self:center;
    width:max-content;
    max-width:min(600px, calc(100% - 24px));
    margin-left:auto;
    margin-right:auto;
}
body.homepage-revamp-code .hcc-popular-modal .hcc-popular-modal-main-tabs-scroll {
    display:block;
    overflow-x:auto;
    overflow-y:hidden;
    max-width:100%;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
    scrollbar-width:none;
}
body.homepage-revamp-code .hcc-popular-modal .hcc-popular-modal-main-tabs-scroll::-webkit-scrollbar {
    display:none;
    width:0;
    height:0;
}
body.homepage-revamp-code .hcc-popular-modal .hcc-popular-modal-main-tabs.is-overflowing:hover .hcc-popular-modal-main-tabs-scroll,
body.homepage-revamp-code .hcc-popular-modal .hcc-popular-modal-main-tabs.is-overflowing:focus-within .hcc-popular-modal-main-tabs-scroll {
    scrollbar-width:thin;
    scrollbar-color:rgba(245,130,32,.22) transparent;
}
body.homepage-revamp-code .hcc-popular-modal .hcc-popular-modal-main-tabs.is-overflowing:hover .hcc-popular-modal-main-tabs-scroll::-webkit-scrollbar,
body.homepage-revamp-code .hcc-popular-modal .hcc-popular-modal-main-tabs.is-overflowing:focus-within .hcc-popular-modal-main-tabs-scroll::-webkit-scrollbar {
    display:block;
    height:2px;
}
body.homepage-revamp-code .hcc-popular-modal .hcc-popular-modal-main-tabs.is-overflowing:hover .hcc-popular-modal-main-tabs-scroll::-webkit-scrollbar-thumb,
body.homepage-revamp-code .hcc-popular-modal .hcc-popular-modal-main-tabs.is-overflowing:focus-within .hcc-popular-modal-main-tabs-scroll::-webkit-scrollbar-thumb {
    background:rgba(245,130,32,.28);
    border-radius:999px;
}
body.homepage-revamp-code .hcc-popular-modal #hccPopularMainTabs {
    display:flex;
    flex-flow:row nowrap;
    align-items:stretch;
    width:max-content;
    max-width:none;
}
body.homepage-revamp-code .hcc-popular-modal .hcc-popular-modal-main-tab {
    flex:0 0 auto;
    white-space:nowrap;
}