.v6-page-shell {
    position: relative;
    isolation: isolate;
}

.v6-section {
    position: relative;
    padding-block: var(--section-space);
}

.v6-section--tight {
    padding-block: var(--space-12);
}

.v6-section--compact {
    padding-block: var(--space-8);
}

.v6-container {
    position: relative;
    z-index: 2;

    width: min(calc(100% - (var(--container-gutter) * 2)), var(--container-max-wide));
    margin: auto;
}

.v6-stack {
    display: grid;
    gap: var(--space-6);
}

.v6-surface {
    background: var(--bg-surface);
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}


/* Promo */
.v6-promo-section {
    position: relative;
    z-index: 1;

    margin-top: -1.55rem;
    padding: 0 0 2.8rem;
    overflow-x: clip;

    font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
}

.v6-promo-stack {
    display: grid;
    gap: .98rem;
    min-width: 0;
}

.v6-promo-heading {
    display: grid;
    gap: .12rem;

    max-width: 42rem;
    margin-bottom: .38rem;
}

.v6-promo-heading-kicker {
    display: inline-flex;
    align-items: center;
    gap: .42rem;

    color: #4b8fe2;

    font-family: "Manrope", "Plus Jakarta Sans", sans-serif;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.v6-promo-heading-kicker i {
    font-size: .82rem;
}

.v6-promo-heading h2 {
    display: flex;
    align-items: center;
    gap: .52rem;

    margin: 0;

    color: #22324d;

    font-family: "Manrope", "Plus Jakarta Sans", sans-serif;
    font-size: clamp(1.18rem, 1.9vw, 1.62rem);
    font-weight: 700;
    line-height: 1.24;
    letter-spacing: -.02em;
}

.v6-promo-heading h2 i {
    color: #5a95e6;

    font-size: .98rem;
    flex: 0 0 auto;
}

.v6-promo-banner {
    position: relative;

    overflow: hidden;
}

.v6-promo-banner::before,
.v6-promo-banner::after {
    content: "";

    position: absolute;
    top: 50%;

    width: 2rem;
    height: 2rem;

    border-radius: 999px;

    background: #eef3fb;

    transform: translateY(-50%);
}

.v6-promo-banner::before {
    left: -1rem;
}

.v6-promo-banner::after {
    right: -1rem;
}

.v6-promo-banner-link {
    position: relative;

    display: block;
    width: 100%;

    color: inherit;
    text-decoration: none;
}

.v6-promo-banner-graphic {
    display: block;
}

.v6-promo-banner-graphic img {
    display: block;

    width: 100%;
    height: auto;

    border-radius: 1.15rem;

    transition:
        transform .24s ease,
        filter .24s ease;
}

.v6-promo-banner-link:hover .v6-promo-banner-graphic img {
    transform: scale(1.012);

    filter: saturate(1.03);
}

.v6-promo-slider-shell {
    position: relative;
    min-width: 0;
    max-width: 100%;
    padding-top: 1rem;
    overflow: hidden;
}

.v6-promo-slider-shell--needs {
    margin-top: 1.95rem;
    padding-top: 0;
}

.v6-promo-slider-shell--trip {
    margin-top: 1.95rem;
    padding-top: 0;
}

.v6-promo-content-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18.5rem;
    align-items: start;
    gap: 1.2rem;
}

.v6-promo-articles {
    display: grid;
    gap: .65rem;
    padding: .9rem;
    border: 1px solid #dfe8f4;
    border-radius: 1rem;
    background: linear-gradient(145deg, #fff, #f6f9fe);
    box-shadow: 0 .7rem 1.6rem rgba(32, 61, 104, .06);
}

.v6-promo-articles-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.v6-promo-articles-head span {
    color: #5580c5;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.v6-promo-articles-head h3 {
    margin: .12rem 0 0;
    color: #223b60;
    font-size: .94rem;
    font-weight: 800;
}

.v6-promo-articles-head a {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 1.9rem;
    height: 1.9rem;
    border: 1px solid #d9e5f5;
    border-radius: .55rem;
    background: #fff;
    color: #3671d4;
    text-decoration: none;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.v6-promo-articles-head a:hover {
    background: #3671d4;
    color: #fff;
    transform: translateY(-1px);
}

.v6-promo-articles-list {
    display: grid;
    gap: .42rem;
}

.v6-promo-article {
    display: grid;
    grid-template-columns: 4.25rem minmax(0, 1fr);
    gap: .58rem;
    align-items: center;
    padding: .36rem;
    border-radius: .72rem;
    color: inherit;
    text-decoration: none;
    transition: background .18s ease, transform .18s ease;
}

.v6-promo-article:hover {
    background: #edf4ff;
    transform: translateX(2px);
}

.v6-promo-article img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: .52rem;
    object-fit: cover;
}

.v6-promo-article span {
    display: grid;
    min-width: 0;
    gap: .2rem;
}

.v6-promo-article small {
    color: #7f90aa;
    font-size: .61rem;
    font-weight: 700;
}

.v6-promo-article strong {
    display: -webkit-box;
    overflow: hidden;
    color: #2b4264;
    font-size: .72rem;
    font-weight: 750;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.v6-promo-article p {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #7386a1;
    font-size: .61rem;
    font-weight: 550;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (max-width: 1100px) {
    .v6-promo-content-layout {
        grid-template-columns: 1fr;
    }

    .v6-promo-articles-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .v6-promo-content-layout {
        gap: .9rem;
    }

    .v6-promo-articles {
        padding: .75rem;
        border-radius: .86rem;
    }

    .v6-promo-articles-list {
        grid-template-columns: 1fr;
    }
}

.v6-promo-slider-shell--pariwisata-rental {
    margin-top: 1.95rem;
    padding-top: 0;
}

.v6-article-shell {
    margin-top: 2.15rem;
}

.v6-article-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
}

.v6-article-card {
    display: grid;
    grid-template-rows: 12rem minmax(0, 1fr);

    position: relative;

    border: 1px solid rgba(221, 230, 245, .9);
    border-radius: 1.45rem;

    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(245, 249, 255, .97));
    box-shadow:
        0 18px 36px rgba(24, 41, 73, .06),
        inset 0 1px 0 rgba(255, 255, 255, .72);

    overflow: hidden;
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.v6-article-card::after {
    content: "";

    position: absolute;
    inset:
        auto
        1rem
        0
        1rem;

    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200, 214, 238, .9), transparent);
}

.v6-article-card:hover {
    transform: translateY(-4px);
    border-color: rgba(158, 181, 224, .82);
    box-shadow:
        0 28px 48px rgba(24, 41, 73, .12),
        inset 0 1px 0 rgba(255, 255, 255, .78);
}

.v6-article-card:hover .v6-article-card-chip {
    background: rgba(17, 35, 63, .72);
    transform: translateY(-2px);
}

.v6-article-card-media {
    position: relative;
    display: block;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, .26), transparent 24%),
        linear-gradient(135deg, #d8e4ff, #edf3ff 64%, #f7faff);
}

.v6-article-card-media::after {
    content: "";

    position: absolute;
    inset: auto 0 0 0;
    height: 44%;
    background: linear-gradient(180deg, transparent, rgba(16, 30, 56, .5));
    pointer-events: none;
}

.v6-article-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
        transform .32s ease,
        filter .32s ease;
}

.v6-article-card:hover .v6-article-card-image {
    transform: scale(1.04);
    filter: saturate(1.06) contrast(1.02);
}

.v6-article-card-chip {
    position: absolute;
    z-index: 2;
    left: .95rem;
    bottom: .95rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 1.82rem;
    padding: 0 .78rem;

    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 999px;

    background: rgba(17, 35, 63, .54);
    backdrop-filter: blur(14px);
    color: #ffffff;

    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    transition:
        background .22s ease,
        transform .22s ease;
}

.v6-article-card-body {
    display: grid;
    gap: .82rem;
    padding: 1.04rem 1.04rem 1.12rem;
}

.v6-article-card-date {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    width: fit-content;

    padding: .4rem .7rem;
    border-radius: 999px;
    background: #f4f7fd;

    color: #6f81a1;
    font-size: .68rem;
    font-weight: 700;
}

.v6-article-card-date i {
    color: #4f6fd8;
    font-size: .78rem;
}

.v6-article-card h3 {
    margin: 0;
    font-size: 1.14rem;
    line-height: 1.42;
    letter-spacing: -.025em;
}

.v6-article-card h3 a {
    color: #152744;
    text-decoration: none;
    transition:
        color .18s ease,
        letter-spacing .18s ease;
}

.v6-article-card:hover h3 a,
.v6-article-card h3 a:hover {
    color: #2f58d4;
    letter-spacing: -.015em;
}

.v6-article-card p {
    margin: 0;
    color: #667894;
    font-size: .79rem;
    line-height: 1.75;
}

.v6-value-shell {
    margin-top: 2.35rem;
    padding: .2rem 0 0;
}

.v6-value-content {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.2fr);
    gap: 1.8rem;
    align-items: center;
}

.v6-value-copy {
    display: grid;
    gap: 1.1rem;
}

.v6-value-copy h3 {
    margin: 0;
    font-size: clamp(1.86rem, 2.8vw, 2.9rem);
    line-height: 1.02;
    letter-spacing: -.05em;
    color: #12264a;
}

.v6-value-copy h3 span,
.v6-value-copy h3 strong {
    display: block;
}

.v6-value-copy h3 strong {
    color: #ea4b43;
    font-weight: 800;
}

.v6-value-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.3rem;
    margin-top: .22rem;
}

.v6-value-stat {
    display: flex;
    align-items: center;
    gap: .68rem;
}

.v6-value-stat-icon,
.v6-value-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;

    width: 2.8rem;
    height: 2.8rem;
    border-radius: 1rem;

    font-size: 1.12rem;
}

.v6-value-stat-icon.is-red,
.v6-value-card-icon.is-red {
    background: linear-gradient(180deg, rgba(255, 235, 235, .96), rgba(255, 245, 245, .96));
    color: #eb4a43;
}

.v6-value-stat-icon.is-blue,
.v6-value-card-icon.is-blue {
    background: linear-gradient(180deg, rgba(233, 241, 255, .96), rgba(244, 248, 255, .96));
    color: #4368e2;
}

.v6-value-stat-icon.is-green,
.v6-value-card-icon.is-green {
    background: linear-gradient(180deg, rgba(231, 250, 241, .96), rgba(243, 255, 249, .96));
    color: #36ae73;
}

.v6-value-stat strong {
    display: block;
    color: #152744;
    font-size: 1rem;
    line-height: 1.05;
}

.v6-value-stat span:last-child {
    color: #617391;
    font-size: .74rem;
    font-weight: 600;
}

.v6-value-benefits {
    display: grid;
    gap: .86rem;
}

.v6-value-route {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2.6rem;
    padding-inline: .4rem;
}

.v6-value-route-line {
    position: absolute;
    inset: 50% .95rem auto .95rem;
    height: 1px;
    border-top: 2px dashed rgba(177, 193, 228, .9);
    transform: translateY(-50%);
}

.v6-value-route-pin {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 2.4rem;
    height: 2.4rem;

    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 10px 18px rgba(28, 45, 80, .08);

    font-size: 1rem;
}

.v6-value-route-pin.is-blue {
    color: #4d72ee;
}

.v6-value-route-pin.is-red {
    color: #eb4a43;
}

.v6-value-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .72rem;
}

.v6-value-card {
    display: grid;
    gap: .62rem;
    justify-items: start;
    min-height: 100%;
    padding: .78rem .32rem .78rem 0;

    border: 0;
    border-radius: 0;
    background: transparent;
}

.v6-value-card h4 {
    margin: 0;
    color: #152744;
    font-size: .94rem;
    line-height: 1.3;
    letter-spacing: -.02em;
}

.v6-value-card p {
    margin: 0;
    color: #657894;
    font-size: .76rem;
    line-height: 1.68;
}

.v6-app-strip-shell {
    margin-top: 1.85rem;
}

.v6-app-strip-link {
    display: block;
    width: 100%;
    border-radius: 1.25rem;
    overflow: hidden;
}

.v6-app-strip-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 1.25rem;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease;
}

.v6-app-strip-link:hover .v6-app-strip-image {
    transform: translateY(-2px);
    filter: saturate(1.02);
}

.v6-partner-shell {
    margin-top: 1.85rem;
}

.v6-partner-heading {
    margin-bottom: 1.05rem;
}

.v6-partner-heading h3 strong {
    color: #ea4b43;
    font-weight: 800;
}

.v6-partner-rotator {
    position: relative;
    min-height: 5.9rem;
    overflow: hidden;
}

.v6-partner-group {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0;

    width: 100%;
    align-items: center;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition:
        opacity .32s ease,
        transform .32s ease,
        visibility .32s ease;
}

.v6-partner-group.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.v6-partner-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 15.5rem;

    min-height: 6.35rem;
    padding:
        .5rem
        1.35rem;
}

.v6-partner-item:not(:last-child) {
    border-right: 2px dashed rgba(209, 219, 238, .9);
}

.v6-partner-item-image {
    width: 100%;
    max-width: 12.4rem;
    max-height: 3.8rem;
    object-fit: contain;
    filter: saturate(.96) contrast(1.02);
    opacity: .96;
}

.v6-partner-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .46rem;
    margin-top: 1rem;
}

.v6-partner-pagination-dot {
    width: .72rem;
    height: .72rem;
    padding: 0;

    border: 0;
    border-radius: 999px;
    background: #d7deec;
    cursor: pointer;

    transition:
        transform .18s ease,
        background-color .18s ease,
        box-shadow .18s ease;
}

.v6-partner-pagination-dot:hover {
    transform: scale(1.08);
    background: #b9c7e4;
}

.v6-partner-pagination-dot.is-active {
    background: #3f68df;
    box-shadow: 0 0 0 4px rgba(63, 104, 223, .12);
}

.v6-promo-slider--needs {
    grid-auto-columns: calc((100% - 2.16rem) / 4);
}

.v6-promo-slider--trip-travel {
    grid-auto-columns: calc((100% - 2.16rem) / 4);
}

.v6-promo-slider--pariwisata-rental {
    grid-auto-columns: calc((100% - 2.16rem) / 4);
}

.v6-slider-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .62rem;

    margin-bottom: .78rem;
}

.v6-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;

    margin-bottom: 1.08rem;
}

.v6-section-head .v6-promo-tabs-heading {
    flex: 1 1 auto;
    min-width: 0;
    margin-bottom: 0;
}

.v6-section-head .v6-slider-toolbar {
    flex: 0 0 auto;
    margin-bottom: 0;
    padding-top: .08rem;
}

.v6-slider-stage {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    border-radius: 1.4rem;
}

.v6-slider-nav {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .22rem;
    border: 1px solid rgba(223, 230, 242, .96);
    border-radius: 999px;
    background: rgba(248, 250, 255, .88);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

/* Slider controls are rendered directly in the toolbar, without a capsule wrapper. */
.v6-slider-toolbar > .v6-slider-nav-button {
    flex: 0 0 auto;
}

.v6-slider-nav-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 2.12rem;
    height: 2.12rem;

    border: 1px solid rgba(228, 234, 245, .92);
    border-radius: 999px;

    background: rgba(255, 255, 255, .96);
    color: #5c7297;

    box-shadow: 0 4px 12px rgba(33, 53, 89, .05);
    cursor: pointer;

    transition:
        transform .16s ease,
        border-color .16s ease,
        background-color .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}

.v6-slider-nav-button:hover {
    transform: translateY(-1px);

    border-color: rgba(189, 206, 237, .96);
    background: linear-gradient(180deg, #ffffff, #f1f6ff);
    color: #2f538f;
    box-shadow: 0 8px 16px rgba(33, 53, 89, .08);
}

.v6-slider-nav-button:active {
    transform: translateY(0);
}

.v6-slider-nav-button:disabled,
.v6-slider-nav-button.is-disabled {
    border-color: rgba(232, 236, 243, .96);
    background: #f4f6fa;
    color: #b4bdcb;
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none;
    transform: none;
    opacity: 1;
}

.v6-slider-nav-button i {
    font-size: .74rem;
}

.v6-section-link-row {
    display: flex;
    justify-content: flex-end;

    margin-top: 1rem;
    padding-right: .12rem;
}

.v6-section-link {
    display: inline-flex;
    align-items: center;
    gap: .42rem;

    color: #3f68b5;

    font-family: "Manrope", "Plus Jakarta Sans", sans-serif;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: -.01em;
    text-decoration: none;

    transition:
        color .16s ease,
        transform .16s ease,
        gap .16s ease;
}

.v6-section-link:hover {
    color: #234d96;
    transform: translateX(1px);
    gap: .5rem;
}

.v6-section-link--toolbar {
    min-height: 2.18rem;
    padding: 0 .84rem 0 .9rem;
    border: 1px solid rgba(224, 230, 241, .96);
    border-radius: 999px;
    background: rgba(250, 252, 255, .94);
    box-shadow: 0 4px 14px rgba(33, 53, 89, .04);
    white-space: nowrap;
    color: #5671a4;
    gap: .34rem;
    font-size: .78rem;
    font-weight: 680;
}

.v6-section-link--toolbar:hover {
    border-color: rgba(196, 209, 235, .96);
    background: #ffffff;
    color: #2f538f;
    box-shadow: 0 8px 16px rgba(33, 53, 89, .06);
}

.v6-section-link--toolbar i {
    font-size: .74rem;
}

.v6-promo-tabs--needs {
    margin-bottom: 1.15rem;
}

.v6-promo-tabs-heading {
    margin-bottom: 1.12rem;
}

.v6-promo-tabs-heading h3 {
    display: flex;
    align-items: center;
    gap: .52rem;

    margin: 0;

    color: #22324d;

    font-family: "Manrope", "Plus Jakarta Sans", sans-serif;
    font-size: clamp(1.1rem, 1.78vw, 1.42rem);
    font-weight: 700;
    line-height: 1.24;
    letter-spacing: -.02em;
    max-width: 42rem;
}

.v6-promo-tabs-heading h3 i {
    color: #5a95e6;

    font-size: .98rem;
    flex: 0 0 auto;
}

.v6-promo-tabs {
    display: flex;
    gap: .56rem;

    margin-bottom: 1.7rem;
    padding: 0;

    overflow-x: auto;

    scrollbar-width: none;

    font-family: "Manrope", "Plus Jakarta Sans", sans-serif;
}

.v6-promo-tabs::-webkit-scrollbar {
    display: none;
}

.v6-promo-tab {
    display: inline-flex;
    align-items: center;
    gap: .48rem;

    flex: 0 0 auto;

    min-height: 2.7rem;
    padding: 0 1rem;

    border: 1px solid rgba(231, 236, 244, .96);
    border-radius: 999px;

    background: rgba(248, 250, 253, .82);
    color: #76859b;

    font-family: inherit;
    font-size: .79rem;
    font-weight: 580;
    letter-spacing: -.01em;

    transition:
        transform .16s ease,
        color .16s ease,
        background-color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.v6-promo-tab img {
    width: .92rem;
    height: .92rem;

    object-fit: contain;
    opacity: .78;
    filter: grayscale(.08);
}

.v6-promo-tab:hover {
    transform: translateY(-1px);

    border-color: rgba(213, 222, 237, .96);
    background: rgba(255, 255, 255, .96);
    color: #50627e;
    box-shadow: 0 8px 16px rgba(134, 150, 183, .06);
}

.v6-promo-tab.is-active {
    border-color: rgba(217, 227, 244, .98);

    background: #ffffff;
    color: #3c68b4;

    box-shadow:
        0 10px 18px rgba(127, 153, 205, .08);
}

.v6-promo-tab.is-active span {
    position: relative;
}

.v6-promo-tab.is-active span::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: -.36rem;

    height: 2px;

    border-radius: 999px;
    background: linear-gradient(90deg, #7fb0f0, #5b86df);
}

.v6-promo-tab.is-active img {
    opacity: 1;
    transform: scale(1.02);
    filter: none;
}

.v6-promo-slider {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 2.16rem) / 4);
    gap: .72rem;

    width: 100%;
    max-width: 100%;
    padding: .1rem .2rem .45rem;

    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
    scroll-padding-inline: .2rem;
}

.v6-promo-card {
    --promo-accent: #3158d8;
    --promo-accent-soft: rgba(49, 88, 216, .12);
    --promo-surface: #ffffff;
    --promo-text: #11233f;
    --promo-muted: #64748b;
    --promo-button-text: #ffffff;
    --promo-card-height: 20.5rem;
    --promo-media-height: 8.35rem;
    --promo-button-height: 2.34rem;

    position: relative;

    display: grid;
    grid-template-rows: var(--promo-media-height) minmax(0, 1fr);

    min-height: var(--promo-card-height);

    border: 1px solid rgba(216, 226, 242, .94);
    border-radius: 1.12rem;

    background: var(--promo-surface);
    font-family: "Manrope", "Plus Jakarta Sans", sans-serif;

    box-shadow:
        0 12px 28px rgba(23, 40, 70, .05);

    scroll-snap-align: start;

    overflow: hidden;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;

    width: 100%;
    max-width: 100%;
}

a.v6-promo-card {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

a.v6-promo-card:focus-visible {
    outline: 3px solid rgba(61, 119, 222, .34);
    outline-offset: 3px;
}

.v6-promo-card:hover {
    transform: translateY(-4px);

    border-color: rgba(155, 176, 220, .42);

    box-shadow:
        0 20px 42px rgba(25, 47, 84, .1);
}

.v6-promo-card.is-hidden {
    display: none;
}

.v6-promo-slider--needs .v6-promo-card {
    --promo-card-height: auto;
    --promo-media-height: 10.8rem;

    max-width: 100%;
}

.v6-promo-slider--needs .v6-promo-card-body {
    gap: .72rem;
}

.v6-promo-slider--needs .v6-promo-card h3 {
    font-size: 1.04rem;
}

.v6-promo-slider--needs .v6-promo-card-head p {
    max-width: 18rem;
}

.v6-promo-slider--needs .v6-promo-card-image {
    width: min(94%, 14.4rem);
    height: 8.6rem;
}

.v6-promo-slider--needs .v6-promo-card-actions {
    grid-template-columns: 1fr;
}

.v6-promo-card-media {
    position: relative;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    padding: .72rem;

    overflow: hidden;
}

.v6-promo-card-media::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, .3), transparent 32%),
        radial-gradient(circle at bottom left, rgba(255, 255, 255, .14), transparent 32%);

    pointer-events: none;
}

.v6-promo-card-image {
    position: relative;
    z-index: 1;

    width: min(92%, 12.4rem);
    height: 7rem;

    object-fit: contain;
    object-position: center bottom;

    filter: drop-shadow(0 18px 28px rgba(17, 29, 49, .14));
    transition: transform .22s ease, filter .22s ease;
}

.v6-promo-card:hover .v6-promo-card-image {
    transform: translateY(-2px) scale(1.03);
    filter: drop-shadow(0 22px 34px rgba(17, 29, 49, .18));
}

.v6-promo-card-body {
    display: grid;
    gap: .64rem;

    padding: .82rem .84rem .88rem;
}

.v6-promo-card-head {
    display: grid;
    gap: .18rem;
}

.v6-promo-card-eyebrow {
    color: var(--promo-muted);

    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .01em;
}

.v6-promo-card h3 {
    margin: 0;

    color: var(--promo-text);

    font-size: 1.16rem;
    font-weight: 630;
    line-height: 1.12;
    letter-spacing: -.025em;
}

.v6-promo-card-head p {
    margin: 0;

    color: var(--promo-accent);

    font-size: .8rem;
    font-weight: 600;
}

.v6-promo-card-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .08rem .34rem;

    width: 100%;
    padding: 0;

    color: var(--promo-text);
}

.v6-promo-card-price span,
.v6-promo-card-price small {
    color: var(--promo-muted);

    font-size: .66rem;
    font-weight: 600;
}

.v6-promo-card-price span {
    flex: 0 0 100%;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.v6-promo-card-price strong {
    color: var(--promo-accent);

    font-size: 1.06rem;
    font-weight: 700;
    line-height: 1.05;
}

#promo-main-slider [data-v6-promo-category]:not([data-v6-promo-category="wisata-event"]) .v6-promo-card-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .06rem .28rem;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

#promo-main-slider [data-v6-promo-category]:not([data-v6-promo-category="wisata-event"]) .v6-promo-card-price span {
    flex: 0 0 100%;
    color: #70829f;
    font-size: .57rem;
    letter-spacing: .02em;
    text-transform: uppercase;
}

#promo-main-slider [data-v6-promo-category]:not([data-v6-promo-category="wisata-event"]) .v6-promo-card-price strong {
    font-size: 1rem;
    color: #2446ac;
}

#promo-main-slider [data-v6-promo-category]:not([data-v6-promo-category="wisata-event"]) .v6-promo-card-price small {
    color: #70829f;
    font-size: .66rem;
    font-weight: 650;
    text-transform: none;
}

.v6-promo-card-meta {
    display: inline-flex;
    align-items: center;
    gap: .38rem;

    color: var(--promo-muted);

    font-size: .72rem;
    font-weight: 600;
}

.v6-promo-card-meta i {
    color: var(--promo-accent);

    font-size: .82rem;
}

.v6-promo-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .32rem;
}

.v6-promo-card-tag {
    display: inline-flex;
    align-items: center;
    gap: .34rem;

    min-height: 1.6rem;
    padding: 0 .58rem;

    border: 1px solid rgba(221, 228, 239, .92);
    border-radius: 999px;

    background: rgba(249, 251, 255, .92);
    color: #4a5c78;

    font-size: .68rem;
    font-weight: 600;
}

.v6-promo-card-tag i {
    color: var(--promo-accent);

    font-size: .76rem;
}

.v6-promo-card-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: .72rem;

    margin-top: auto;
}

#promo-main-slider [data-v6-promo-category]:not([data-v6-promo-category="wisata-event"]) .v6-promo-card-actions {
    grid-template-columns: 1fr;
}

.v6-promo-card-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;

    min-height: var(--promo-button-height);
    padding: 0 .92rem;
    width: 100%;

    border: 1px solid transparent;
    border-radius: .92rem;

    font-size: .76rem;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;

    transition:
        transform .18s ease,
        background-color .18s ease,
        color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        letter-spacing .18s ease;
}

.v6-promo-card-link--ghost {
    border-color: rgba(205, 216, 234, .9);
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    color: #44546f;
}

.v6-promo-card-link--primary {
    min-width: 10.25rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--promo-accent) 92%, #ffffff), color-mix(in srgb, var(--promo-accent) 72%, #ffffff));
    color: var(--promo-button-text);
    box-shadow: 0 10px 18px rgba(32, 61, 128, .12);
}

.v6-promo-card-link:hover {
    transform: translateY(-1px);
    letter-spacing: .005em;
}

.v6-promo-card-link--ghost:hover {
    border-color: rgba(182, 196, 221, .9);
    background: #f7faff;
}

.v6-promo-card-link--primary:hover {
    background: linear-gradient(135deg, #a63b47 0%, #b94752 52%, #cc5a65 100%);
    color: #ffffff;
    box-shadow: 0 15px 24px rgba(166, 59, 71, .2);
}


.v6-search-grid--motor {
    grid-template-columns:
        minmax(170px, 1.05fr)
        minmax(145px, .95fr)
        minmax(145px, .95fr)
        minmax(120px, .78fr)
        minmax(120px, .78fr)
        160px;

    gap: 12px;
    align-items: end;
}

.v6-search-grid--kapal {
    grid-template-columns:
        minmax(170px, 1.05fr)
        minmax(145px, .95fr)
        minmax(145px, .95fr)
        minmax(120px, .78fr)
        minmax(120px, .78fr)
        160px;

    gap: 12px;
    align-items: end;
}

/* Tiket kapal */
.v6-ticket-ship-form {
    display: grid;
    gap: 14px;
}

.v6-ticket-route-row {
    display: grid;
    grid-template-columns:
        minmax(180px, 1fr)
        42px
        minmax(180px, 1fr)
        minmax(180px, .9fr);
    gap: 12px;
    align-items: end;
}

.v6-ticket-meta-row {
    display: grid;
    grid-template-columns:
        minmax(160px, .9fr)
        minmax(180px, 1fr)
        minmax(200px, 1fr)
        150px;
    gap: 12px;
    align-items: end;
}


/* Penumpang dropdown */
.v6-passenger-select {
    position: relative;
    min-width: 0;
    z-index: 20;
}

.v6-passenger-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    height: 44px;

    padding: 0 .75rem;

    border: 1px solid #d9e2ed;
    border-radius: 9px;

    background: #fff;
    color: #31445c;

    font-family: inherit;

    cursor: pointer;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.v6-passenger-trigger:hover {
    border-color: #bbc9da;
}

.v6-passenger-select.is-open
.v6-passenger-trigger {
    border-color: #7392c0;

    box-shadow:
        0 0 0 3px rgba(55, 101, 173, .05);
}

.v6-passenger-trigger-main {
    display: flex;
    align-items: center;

    min-width: 0;
}

.v6-passenger-summary {
    min-width: 0;

    overflow: hidden;

    color: #31445c;

    font-size: 12.5px;
    font-weight: 500;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.v6-passenger-arrow {
    flex: 0 0 auto;

    margin-left: .6rem;

    color: #8292a8;

    font-size: .68rem;

    transition: transform .16s ease;
}

.v6-passenger-select.is-open
.v6-passenger-arrow {
    transform: rotate(180deg);
}


/* Dropdown panel */
.v6-passenger-dropdown {
    position: absolute;

    top: calc(100% + 7px);
    right: 0;

    z-index: 150;

    width: 100%;
    min-width: 280px;

    padding: .45rem;

    border: 1px solid #dfe7f1;
    border-radius: 11px;

    background: #fff;

    box-shadow:
        0 16px 36px rgba(25, 43, 68, .12);
}

.v6-passenger-dropdown[hidden] {
    display: none;
}

.v6-passenger-item {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: .8rem;

    padding: .65rem .55rem;
}

.v6-passenger-item
+
.v6-passenger-item {
    border-top: 1px solid #edf1f6;
}

.v6-passenger-copy {
    display: grid;
    gap: .15rem;
}

.v6-passenger-copy strong {
    color: #34475f;

    font-size: 11.5px;
    font-weight: 650;
}

.v6-passenger-copy span {
    color: #8a99ac;

    font-size: 9.5px;
    font-weight: 500;
}


/* Counter */
.v6-passenger-counter {
    display: grid;
    grid-template-columns:
        28px
        30px
        28px;

    align-items: center;

    gap: 4px;
}

.v6-passenger-counter button {
    display: grid;
    place-items: center;

    width: 28px;
    height: 28px;

    padding: 0;

    border: 1px solid #dce5f0;
    border-radius: 7px;

    background: #f8fafc;

    color: #53709a;

    cursor: pointer;
}

.v6-passenger-counter button:hover {
    border-color: #b9c9da;

    background: #f0f5fb;
}

.v6-passenger-counter span {
    color: #34475f;

    font-size: 12px;
    font-weight: 650;

    text-align: center;
}


/* Dropdown footer */
.v6-passenger-footer {
    display: flex;
    justify-content: flex-end;

    padding: .5rem .55rem .35rem;

    border-top: 1px solid #edf1f6;
}

.v6-passenger-done {
    height: 32px;

    padding: 0 .85rem;

    border: 0;
    border-radius: 7px;

    background: #315dcc;
    color: #fff;

    font-family: inherit;

    font-size: 10.5px;
    font-weight: 650;

    cursor: pointer;
}

.v6-passenger-done:hover {
    background: #294fb4;
}


/* Tablet */
@media (max-width: 1100px) {
    .v6-ticket-route-row,
    .v6-ticket-meta-row {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .v6-ticket-route-row
    .v6-field-group--swap {
        grid-column: 1 / -1;
    }
}


/* Mobile */
@media (max-width: 680px) {
    .v6-ticket-route-row,
    .v6-ticket-meta-row {
        grid-template-columns: 1fr;
    }

    .v6-passenger-dropdown {
        left: 0;
        right: auto;

        width: 100%;
        min-width: 0;
    }
}

.v6-promo-card--trip,
.v6-promo-card--motor,
.v6-promo-card--mobil,
.v6-promo-card--bus,
.v6-promo-card--kapal,
.v6-promo-card--tiket {
    --promo-accent: #3158d8;
    --promo-accent-soft: rgba(49, 88, 216, .12);
    --promo-surface: linear-gradient(180deg, #ffffff, #f9fbff);
    --promo-text: #11233f;
    --promo-muted: #64748b;
    --promo-button-text: #ffffff;
}

.v6-promo-card--trip .v6-promo-card-media,
.v6-promo-card--motor .v6-promo-card-media,
.v6-promo-card--mobil .v6-promo-card-media,
.v6-promo-card--bus .v6-promo-card-media,
.v6-promo-card--kapal .v6-promo-card-media,
.v6-promo-card--tiket .v6-promo-card-media {
    align-items: flex-end;
    justify-content: center;
    padding: .72rem;
    background:
        radial-gradient(circle at 78% 24%, rgba(122, 160, 245, .18), transparent 28%),
        linear-gradient(180deg, #f7faff, #edf3ff);
}

.v6-promo-card--trip .v6-promo-card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: none;
}

.v6-promo-card--trip .v6-promo-card-media {
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
}

.v6-promo-card--trip {
    --promo-card-height: 21.1rem;
    --promo-media-height: 10.8rem;
}

.v6-promo-card--trip .v6-promo-card-body {
    gap: .54rem;
    padding: .8rem .84rem .9rem;
}

.v6-promo-card--trip .v6-promo-card-head {
    gap: .12rem;
}

.v6-promo-card--trip .v6-promo-card-eyebrow {
    font-size: .7rem;
}

.v6-promo-card--trip h3 {
    font-size: 1.18rem;
    line-height: 1.14;
}

.v6-promo-card--trip .v6-promo-card-head p {
    font-size: .78rem;
    color: #47648d;
}

.v6-promo-card--trip .v6-promo-card-meta {
    font-size: .7rem;
}

.v6-promo-card--trip .v6-promo-card-tags {
    gap: .28rem;
}

.v6-promo-card--trip .v6-promo-card-tag {
    min-height: 1.38rem;
    padding: 0 .46rem;
    font-size: .64rem;
}

.v6-promo-card--trip .v6-promo-card-tags .v6-promo-card-tag:nth-child(n+3) {
    display: none;
}

.v6-promo-card--trip .v6-promo-card-price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    width: 100%;
    gap: .08rem .34rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.v6-promo-card--trip .v6-promo-card-price span,
.v6-promo-card--trip .v6-promo-card-price small {
    font-size: .66rem;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #6f81a1;
}

.v6-promo-card--trip .v6-promo-card-price span {
    flex: 0 0 100%;
}

.v6-promo-card--trip .v6-promo-card-price strong {
    font-size: 1.12rem;
    color: #2446ac;
}

.v6-promo-card--trip .v6-promo-card-actions {
    grid-template-columns: 1fr;
}

.v6-promo-card--trip .v6-promo-card-link--primary {
    min-height: 2.52rem;
    min-width: 10.25rem;
    border: 1px solid rgba(58, 96, 181, .18);
    border-radius: .92rem;
    background: linear-gradient(135deg, #2f58d4 0%, #4d76eb 52%, #6288f3 100%);
    box-shadow: 0 12px 24px rgba(53, 92, 182, .18);
    color: #ffffff;
}

.v6-promo-card--trip .v6-promo-card-link--primary:hover {
    transform: translateY(-2px) scale(1.01);
    border-color: rgba(166, 59, 71, .28);
    background: linear-gradient(135deg, #9d3642 0%, #b24550 52%, #c95863 100%);
    color: #f8fbff;
    box-shadow: 0 16px 28px rgba(166, 59, 71, .22);
}
.v6-promo-card--trip .v6-promo-card-link--primary,
.v6-promo-card--motor .v6-promo-card-link--primary,
.v6-promo-card--mobil .v6-promo-card-link--primary,
.v6-promo-card--bus .v6-promo-card-link--primary,
.v6-promo-card--kapal .v6-promo-card-link--primary,
.v6-promo-card--tiket .v6-promo-card-link--primary {
    background: linear-gradient(135deg, #3158d8, #4675e6);
}

.v6-promo-card--trip .v6-promo-card-link--primary:hover,
.v6-promo-card--motor .v6-promo-card-link--primary:hover,
.v6-promo-card--mobil .v6-promo-card-link--primary:hover,
.v6-promo-card--bus .v6-promo-card-link--primary:hover,
.v6-promo-card--kapal .v6-promo-card-link--primary:hover,
.v6-promo-card--tiket .v6-promo-card-link--primary:hover {
    transform: translateY(-2px) scale(1.01);
    border-color: rgba(166, 59, 71, .28);
    background: linear-gradient(135deg, #9d3642 0%, #b24550 52%, #c95863 100%);
    color: #ffffff;
    box-shadow: 0 16px 28px rgba(166, 59, 71, .22);
}


/* Floating actions */
.v6-floating-actions {
    position: fixed;
    right: 1.2rem;
    bottom: 1.2rem;
    z-index: 40;

    display: flex;
    align-items: center;
    gap: .6rem;
}

.v6-floating-action {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(82, 119, 176, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .96);
    color: #315b99;
    box-shadow: 0 .7rem 1.5rem rgba(26, 53, 94, .13);
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        opacity .2s ease,
        visibility .2s ease,
        background .2s ease,
        color .2s ease;
}

.v6-floating-action::after {
    position: absolute;
    z-index: 0;
    inset: -40% auto -40% -55%;
    width: 36%;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), transparent);
    transform: skewX(-22deg) translateX(-260%);
    transition: transform .45s ease;
}

.v6-floating-action > * {
    position: relative;
    z-index: 1;
}

.v6-floating-action:hover {
    transform: translateY(-2px);
    box-shadow: 0 1rem 1.85rem rgba(26, 53, 94, .18);
}

.v6-floating-action:hover::after {
    transform: skewX(-22deg) translateX(620%);
}

.v6-floating-actions > .v6-floating-action--contact {
    min-height: 3.2rem;
    padding: .32rem .72rem .32rem .38rem;
    gap: .6rem;
    border-color: rgba(109, 159, 224, .38);
    border-radius: 999px !important;
    background: linear-gradient(135deg, #d9eaff 0%, #b9d8fa 100%);
    color: #285286;
    box-shadow: 0 .8rem 1.6rem rgba(78, 127, 192, .19);
}

.v6-floating-action__icon {
    display: grid;
    width: 2.3rem;
    height: 2.3rem;
    place-items: center;
    border-radius: .82rem;
    background: rgba(255, 255, 255, .62);
    color: #3976c9;
    font-size: 1.05rem;
    transition: transform .2s ease, background .2s ease, color .2s ease;
}

.v6-floating-action--contact:hover .v6-floating-action__icon {
    transform: rotate(-7deg) scale(1.06);
    background: rgba(255, 255, 255, .86);
}

.v6-floating-action__arrow {
    margin-left: .08rem;
    font-size: 1rem;
    transition: transform .2s ease;
}

.v6-floating-action--contact:hover .v6-floating-action__arrow {
    transform: translateX(3px);
}

.v6-floating-actions > .v6-floating-action--contact:hover {
    background: linear-gradient(135deg, #cce3ff 0%, #a8cef5 100%);
}

.v6-floating-actions > .v6-floating-action--top {
    flex: 0 0 3.2rem;
    width: 3.2rem;
    min-width: 3.2rem;
    height: 3.2rem;
    min-height: 3.2rem;
    padding: 0 !important;
    border-radius: 50% !important;
    border-color: rgba(86, 146, 238, .45);
    background: linear-gradient(135deg, #286dd9 0%, #4b99ed 100%);
    color: #fff;
    font-size: 1rem;
    box-shadow: 0 .85rem 1.7rem rgba(41, 107, 214, .28);
}

.v6-floating-action--top i {
    transition: transform .2s ease;
}

.v6-floating-action--top:hover {
    background: linear-gradient(135deg, #1d5dc1 0%, #3d87d9 100%);
    color: #fff;
}

.v6-floating-action--top:hover i {
    transform: translateY(-3px);
}

.v6-floating-action--top.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(.5rem) scale(.92);
}


.v6-search-form,
.v6-search-grid,
.v6-field-group,
.v6-field-shell--date,
.v6-field-shell--time {
    overflow: visible;
}


/* Tabs */
/* Tabs */
.v6-service-tabs {
    position: relative;

    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));

    margin: -.8rem -1.05rem 0;

    padding:
        .28rem
        .4rem
        0;

    gap: .08rem;

    border: 0;
    border-radius:
        .96rem
        .96rem
        0
        0;

    background:
        linear-gradient(
            180deg,
            #dedee0 0%,
            #eaf0f7 100%
        );

    overflow: visible;
}


/* Tab */
.v6-service-tab {
    position: relative;

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

    gap: .5rem;

    min-width: 0;
    min-height: 2.8rem;

    padding:
        .42rem
        .72rem
        .52rem;

    border: 0;

    border-radius:
        .68rem
        .68rem
        0
        0;

    background: transparent;

    color: #71829b;

    font-family: inherit;
    font-size: .76rem;
    font-weight: 650;
    line-height: 1.15;

    cursor: pointer;

    isolation: isolate;

    transition:
        color .16s ease,
        background-color .16s ease;
}


/* Hover */
.v6-service-tab:hover {
    color: #4f6482;

    background:
        rgba(255, 255, 255, .36);
}


/* Active Chrome tab */
.v6-service-tab.is-active {
    z-index: 5;

    color: #31598f;
    background: #fff;

    box-shadow:
        0 -2px 8px rgba(47, 69, 101, .03);

    margin-bottom: 0;
}

.v6-service-tab.is-active::before {
    content: "";

    position: absolute;

    left: -6px;
    bottom: 0;

    width: 6px;
    height: 6px;

    background:
        radial-gradient(
            circle at 0 0,
            transparent 5px,
            #fff 6px
        );

    pointer-events: none;
}


.v6-service-tab.is-active::after {
    content: "";

    position: absolute;

    right: -6px;
    bottom: 0;

    width: 6px;
    height: 6px;

    background:
        radial-gradient(
            circle at 100% 0,
            transparent 5px,
            #fff 6px
        );

    pointer-events: none;
}




/* Icon */
.v6-service-tab-icon {
    display: grid;
    place-items: center;

    flex: 0 0 auto;

    width: auto;
    height: auto;

    color: #8191a8;

    font-size: .72rem;

    transition:
        color .16s ease,
        transform .16s ease;
}


/* Image icon */
.v6-service-tab-icon img {
    display: block;

    width: 1.18rem;
    height: 1.18rem;

    object-fit: contain;

    filter:
        grayscale(1)
        saturate(.25)
        opacity(.68);

    transition:
        filter .16s ease,
        transform .16s ease;
}


/* Active icon */
.v6-service-tab.is-active
.v6-service-tab-icon {
    color: #3765a2;
}


/* Active image */
.v6-service-tab.is-active
.v6-service-tab-icon img {
    filter: none;

    transform:
        scale(1.04);
}


/* Hover image */
.v6-service-tab:hover
.v6-service-tab-icon img {
    filter:
        grayscale(.35)
        saturate(.7)
        opacity(.9);
}


/* Label */
.v6-service-tab-label {
    position: relative;
    z-index: 2;

    min-width: 0;

    overflow: hidden;

    color: inherit;

    font-size: .8rem;
    font-weight: 650;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.v6-service-select-mobile {
    display: none;
}

/* Panels */
.v6-panels {
    position: relative;

    z-index: 2;

    margin-top: 0;

    border: 0;

    background: #fff;

    box-shadow: none;

    overflow: visible;
}

.v6-service-panel[hidden] {
    display: none !important;
}

.v6-service-panel.is-active {
    animation: panelIn .16s ease;
}

@keyframes panelIn {
    from {
        opacity: 0;
        transform: translateY(3px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Form */
.v6-search-form {
    padding: .92rem .8rem 0;
}

.v6-form-heading,
.v6-form-eyebrow,
.v6-form-mode {
    display: none;
}


/* Note */
.v6-panel-note {
    margin: 0 0 .64rem;
}

.v6-panel-note-pill {
    display: inline-flex;
    align-items: center;

    gap: .42rem;

    min-height: 1.58rem;

    padding: .18rem .5rem;

    border: 1px solid #e2e8f1;
    border-radius: 999px;

    background: #f8faff;
    color: #617895;

    font-size: .63rem;
    font-weight: 600;
}

.v6-panel-note-pill i {
    color: #5d7eb1;
}

/* Grid */
.v6-search-grid {
    display: grid;
    align-items: end;

    gap: .62rem;
}

.v6-search-grid--pariwisata {
    display: grid;
    grid-template-columns:
        minmax(150px, 0.9fr)
        minmax(160px, 1fr)
        44px
        minmax(160px, 1fr)
        minmax(145px, 0.9fr)
        minmax(145px, 0.9fr)
        160px;
    gap: 12px;
    align-items: end;
}

.v6-service-panel[data-v6-panel="akap"]
.v6-search-grid {
    grid-template-columns:
        1fr
        auto
        1fr
        1.1fr
        auto;
}

.v6-service-panel[data-v6-panel="mobil"]
.v6-search-grid {
    grid-template-columns:
        .9fr
        1fr
        1.15fr
        .8fr
        .8fr
        auto;
}

.v6-service-panel[data-v6-panel="motor"]
.v6-search-grid,
.v6-service-panel[data-v6-panel="kapal"]
.v6-search-grid {
    grid-template-columns:
        1fr
        1.2fr
        .8fr
        .8fr
        auto;
}

.v6-service-panel[data-v6-panel="tiket-kapal"]
.v6-search-grid {
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
}

.v6-field-group--ticket-ship-passengers {
    display: grid;
    gap: .42rem;
    min-width: 0;
}

.v6-search-grid--ticket-ship-route .v6-field-group,
.v6-search-grid--ticket-ship-meta .v6-field-group {
    min-width: 0;
}

.v6-ticket-ship-main .v6-search-button {
    width: 100%;
    min-width: 0;
}

.v6-search-grid--ticket-ship-route .v6-route-switch {
    width: 2.18rem;
    height: 2.18rem;
    margin-inline: auto;
}


/* Field */
.v6-field-group {
    min-width: 0;
}

.v6-field-group--date-range {
    min-width: 0;
}

.v6-service-panel[data-v6-panel="pariwisata"] .v6-field-group--date-range,
.v6-service-panel[data-v6-panel="mobil"] .v6-field-group--date-range,
.v6-service-panel[data-v6-panel="motor"] .v6-field-group--date-range,
.v6-service-panel[data-v6-panel="kapal"] .v6-field-group--date-range {
    align-self: start;
}

.v6-field-group--full,
.v6-search-action--full {
    grid-column: 1 / -1;
}

.v6-field-group--swap {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;
    padding-top: 1.55rem;
}

.v6-route-switch {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 2.8rem;
    height: 2.8rem;

    border: 1px solid #d5e0ee;
    border-radius: 999px;

    background:
        linear-gradient(180deg, #ffffff, #f3f7fd);
    color: #4a6797;

    box-shadow:
        0 10px 22px rgba(31, 56, 98, .08);
    cursor: pointer;

    transition:
        transform .16s ease,
        border-color .16s ease,
        background-color .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}

.v6-route-switch:hover {
    transform: translateY(-1px) rotate(-8deg);
    border-color: #b6c9e6;
    background: linear-gradient(180deg, #ffffff, #edf4ff);
    color: #305cd2;
    box-shadow: 0 14px 28px rgba(31, 56, 98, .12);
}

.v6-route-switch:focus-visible {
    outline: 0;
    border-color: #7f9fd6;
    box-shadow:
        0 0 0 3px rgba(73, 110, 183, .12),
        0 12px 24px rgba(31, 56, 98, .12);
}

.v6-route-switch i {
    font-size: 1rem;
    line-height: 1;
}

.v6-route-switch::before {
    content: "";

    position: absolute;
    inset: .3rem;

    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(233, 240, 251, .38));
    opacity: .9;
    z-index: 0;
}

.v6-route-switch > * {
    position: relative;
    z-index: 1;
}

.v6-date-range,
.v6-date-range-shell {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .48rem;
}

.v6-date-range {
    grid-template-columns: 1fr;
    gap: .52rem;
}

.v6-service-panel[data-v6-panel="pariwisata"] .v6-date-range {
    gap: .46rem;
}

.v6-date-range-field {
    display: grid;
    gap: .24rem;
    min-width: 0;
}

.v6-date-range-label {
    color: #7a8aa3;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
    line-height: 1.2;
}

.v6-date-range-proxy {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}

.v6-field-group:has(.v6-custom-select.is-open) {
    position: relative;
    z-index: 14;
}

.v6-field-group > label {
    display: block;

    margin-bottom: .38rem;

    color: #4b5c73;

    font-size: .74rem;
    font-weight: 700;

    line-height: 1.2;
}


/* Field shell */
.v6-field-shell {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;
    height: 2.68rem;

    padding: 0 .72rem;

    border: 1px solid #d6e0eb;
    border-radius: .48rem;

    background: #fff;

    box-shadow:
        0 1px 2px rgba(31, 48, 74, .012);

    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.v6-field-shell:hover {
    border-color: #b9c9da;
}

.v6-field-shell:focus-within {
    border-color: #7392c0;

    box-shadow:
        0 0 0 3px
        rgba(55, 101, 173, .05);
}


/* Field icon */
.v6-field-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    margin-right: .5rem;

    color: #8193aa;

    font-size: .84rem;

    transition: color .16s ease;
}

.v6-field-shell:focus-within
.v6-field-icon {
    color: #3867a8;
}


/* Inputs */
.v6-field-input,
.v6-field-select {
    width: 100%;
    height: 100%;
    min-width: 0;

    padding: 0;

    border: 0;
    outline: 0;

    background-color: transparent;

    color: #243953;

    font-family: inherit;
    font-size: .8rem;
    font-weight: 600;

    line-height: 1.3;
}

.v6-search-grid {
    align-items: end;
    gap: .9rem;
}

.v6-field-group > label,
.v6-date-range-label {
    line-height: 1.15;
}

.v6-date-range-field .v6-field-shell,
.v6-date-range .v6-field-shell,
.v6-date-range-shell .v6-field-shell {
    min-width: 0;
}

.v6-date-range-field .v6-field-input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.v6-field-input::placeholder {
    color: #a2acba;
    font-weight: 500;
}

.v6-field-input[readonly] {
    cursor: pointer;
}

.v6-field-shell--date,
.v6-field-shell--time {
    position: relative;
    min-height: 2.72rem;
    padding-inline: .78rem;
    background: #fff;
    border-color: #d6e0eb;
    border-radius: .58rem;
    box-shadow:
        0 1px 2px rgba(31, 48, 74, .012);
}

.v6-field-shell--date::after,
.v6-field-shell--time::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: none;
}

.v6-field-shell--date .v6-field-icon,
.v6-field-shell--time .v6-field-icon {
    width: 1.5rem;
    height: 1.5rem;
    justify-content: center;
    margin-right: .56rem;
    border-radius: .42rem;
    background: #eef3fa;
    color: #53709b;
    box-shadow: none;
}

.v6-field-shell--date:hover,
.v6-field-shell--time:hover {
    border-color: #b9c9da;
    box-shadow:
        0 4px 12px rgba(56, 94, 151, .05);
}

.v6-field-shell--date:focus-within,
.v6-field-shell--time:focus-within {
    border-color: #7392c0;
    box-shadow:
        0 0 0 3px rgba(67, 109, 171, .05);
}

.v6-field-shell--date .v6-field-input,
.v6-field-shell--time .v6-field-input {
    color: #324864;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: -.01em;
}

.v6-field-shell--date .v6-field-input::placeholder,
.v6-field-shell--time .v6-field-input::placeholder {
    color: #98a8bc;
    font-weight: 550;
}


/* Native select */
.v6-field-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    padding-right: 1.8rem;

    cursor: pointer;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.5 6L8 9.5L11.5 6' stroke='%23798BA5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right .15rem center;
    background-size: .8rem;
}

.v6-field-select option {
    background: #fff;
    color: #273a54;

    font-family: inherit;
    font-size: .8rem;
}

.v6-field-select:disabled {
    color: #a3adba;
    cursor: not-allowed;
}

.v6-field-shell:has(.v6-field-select:disabled) {
    border-color: #e7ebf1;
    background: #f8fafc;
}

.v6-native-select-hidden {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}


/* Custom select */
.v6-custom-select {
    position: relative;
    z-index: 2;

    width: 100%;
}

.v6-custom-select.is-open {
    z-index: 30;
}

.v6-custom-select-trigger {
    display: flex;
    align-items: center;

    width: 100%;
    height: 2.72rem;

    padding: 0 .74rem;

    border: 1px solid #d6e0eb;
    border-radius: .58rem;

    background: #fff;
    color: #243953;

    font-family: inherit;

    cursor: pointer;

    box-shadow:
        0 1px 2px rgba(31, 48, 74, .012);

    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.v6-custom-select-trigger:hover {
    border-color: #b9c9da;
}

.v6-custom-select.is-open
.v6-custom-select-trigger {
    border-color: #7392c0;

    box-shadow:
        0 0 0 3px
        rgba(55, 101, 173, .05);
}

.v6-custom-select--inline .v6-custom-select-trigger {
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.v6-custom-select-value {
    flex: 1;

    min-width: 0;

    overflow: hidden;

    color: #243953;

    font-size: .8rem;
    font-weight: 600;

    text-align: left;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.v6-custom-select-value.is-placeholder {
    color: #8997a9;
    font-weight: 500;
}

.v6-custom-select--inline .v6-custom-select-value {
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.3;
}

.v6-custom-select--inline .v6-custom-select-value.is-placeholder {
    color: #a2acba;
}

.v6-custom-select-arrow {
    flex: 0 0 auto;

    margin-left: .65rem;

    color: #8192a9;

    font-size: .72rem;

    transition: transform .16s ease;
}

.v6-custom-select.is-open
.v6-custom-select-arrow {
    transform: rotate(180deg);
}

.v6-custom-select--inline .v6-custom-select-arrow {
    margin-left: .45rem;
}


/* Custom dropdown menu */
.v6-custom-select-menu {
    position: absolute;

    top: calc(100% + .32rem);
    right: 0;
    left: 0;

    z-index: 120;

    padding: .26rem;

    border: 1px solid #dde6f0;
    border-radius: .62rem;

    background: #fff;

    box-shadow:
        0 12px 28px
        rgba(25, 43, 68, .1);

    animation:
        dropdownIn
        .14s ease;
}

.v6-custom-select--inline .v6-custom-select-menu {
    top: calc(100% + .42rem);
    right: -.7rem;
    left: -.7rem;
}

.v6-custom-select-search {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .32rem;
    padding: .46rem .56rem;
    border: 1px solid #e3eaf3;
    border-radius: .56rem;
    background: #f8fbfe;
    color: #8293a8;
}

.v6-custom-select-search i {
    font-size: .78rem;
    line-height: 1;
}

.v6-custom-select-search-input {
    flex: 1;
    min-width: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #33475f;
    font: 500 .72rem/1.4 inherit;
}

.v6-custom-select-search-input::placeholder {
    color: #9aa7b9;
}

.v6-custom-select-options {
    display: grid;
    gap: .12rem;
    max-height: 14rem;
    overflow-y: auto;
}

.v6-custom-select-empty {
    padding: .7rem .55rem .5rem;
    color: #8d9bad;
    font-size: .7rem;
    font-weight: 500;
    text-align: center;
}

.v6-custom-select-menu[hidden] {
    display: none;
}

@keyframes dropdownIn {
    from {
        opacity: 0;
        transform: translateY(-3px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.v6-custom-select-option {
    display: flex;
    align-items: center;

    width: 100%;
    min-height: 2rem;

    padding: .45rem .58rem;

    border: 0;
    border-radius: .42rem;

    background: transparent;
    color: #344860;

    font-family: inherit;
    font-size: .74rem;
    font-weight: 550;

    text-align: left;

    cursor: pointer;

    transition:
        background-color .14s ease,
        color .14s ease;
}

.v6-custom-select-option:hover {
    background: #f3f6fb;
    color: #315f9e;
}

.v6-custom-select-option.is-selected {
    background: #edf4fd;

    color: #315f9e;

    font-weight: 650;
}

.v6-custom-select.is-disabled .v6-custom-select-trigger {
    cursor: not-allowed;
}

.v6-custom-select.is-disabled .v6-custom-select-value,
.v6-custom-select.is-disabled .v6-custom-select-arrow {
    color: #a3adba;
}


/* Search */
.v6-search-action {
    display: flex;
    align-items: flex-end;
}

.v6-search-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;

    gap: .72rem;

    min-width: 11.4rem;
    height: 2.72rem;

    padding:
        .24rem
        .3rem
        .24rem
        .9rem;

    border: 0;
    border-radius: .62rem;

    background:
        linear-gradient(
            135deg,
            #4671f3 0%,
            #355ddb 52%,
            #2948bf 100%
        );

    color: #fff;

    font-family: inherit;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .01em;

    cursor: pointer;

    box-shadow:
        0 8px 18px
        rgba(48, 78, 184, .18);

    transition:
        background .16s ease,
        transform .16s ease,
        box-shadow .16s ease,
        filter .16s ease;
}

.v6-search-button::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            110deg,
            transparent 0%,
            rgba(255, 255, 255, .08) 35%,
            rgba(255, 255, 255, .24) 50%,
            rgba(255, 255, 255, .08) 65%,
            transparent 100%
        );
    transform: translateX(-135%);
    transition: transform .6s ease;
    pointer-events: none;
}

.v6-search-button:hover {
    transform: translateY(-2px) scale(1.01);

    filter: brightness(1.035);

    box-shadow:
        0 12px 24px
        rgba(48, 78, 184, .24);
}

.v6-search-button:hover::before {
    transform: translateX(135%);
}

.v6-search-button:active {
    transform: translateY(0) scale(.992);

    box-shadow:
        0 6px 14px
        rgba(48, 78, 184, .16);
}

.v6-search-button-icon {
    display: grid;
    place-items: center;

    width: 1.86rem;
    height: 1.86rem;

    flex: 0 0 1.86rem;

    border-radius: .46rem;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .2) 0%,
            rgba(255, 255, 255, .08) 100%
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .16);

    transition:
        background .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}

.v6-search-button:hover
.v6-search-button-icon {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, .28) 0%,
            rgba(255, 255, 255, .12) 100%
        );

    transform: translate(2px, -1px) rotate(-4deg);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .2);
}


/* Helper */
.v6-form-helper {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    gap: .5rem;

    width: calc(100% + 3.7rem);
    max-width: none;
    box-sizing: border-box;
    align-self: stretch;
    flex: 0 0 auto;

    margin:
        .88rem
        -1.85rem
        0;

    padding:
        .74rem
        1.85rem
        .52rem;

    border: 0;
    border-top: 1px solid #edf1f6;

    border-radius:
        0
        0
        1.3rem
        1.3rem;

    background:
        linear-gradient(
            180deg,
            #fafcff 0%,
            #f5f8fc 100%
        );

    color: #7587a0;

    font-size: .7rem;
    line-height: 1.5;
}

.v6-form-helper i {
    flex: 0 0 auto;

    color: #6f88aa;

    font-size: .78rem;
}

.v6-form-helper span,
#v6-pariwisata-note {
    display: block;

    margin: 0;

    color: #6f82a0;

    font-size: .7rem;
    font-weight: 500;

    line-height: 1.5;
}


#v6-pariwisata-note {
    display: block;

    width: 100%;
    max-width: none;

    color: #6c809f;

    font-size: .7rem;
    font-weight: 500;

    line-height: 1.5;
}


/* Passenger */
.v6-counter-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: .3rem;

    margin-top: .4rem;
}

.v6-counter-field {
    display: grid;
    gap: .22rem;
}

.v6-counter-field span {
    color: #7486a0;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.v6-counter-row input {
    width: 100%;
    height: 1.9rem;

    padding: 0 .35rem;

    border: 1px solid #e1e7ef;
    border-radius: .45rem;

    background: #f8fafc;
    color: #526176;

    font-family: inherit;
    font-size: .68rem;

    text-align: center;
    outline: 0;
}

.v6-counter-row input:focus {
    border-color: #9eb2ce;

    background: #fff;

    box-shadow:
        0 0 0 2px
        rgba(55, 101, 173, .05);
}




/* Air datepicker */
.air-datepicker.v6-air-datepicker {
    --adp-width: 20.5rem;
    --adp-background-color: #ffffff;
    --adp-border-color: #d7e1ee;
    --adp-border-radius: .9rem;
    --adp-box-shadow: 0 20px 44px rgba(25, 43, 68, .16), 0 6px 14px rgba(25, 43, 68, .06);
    --adp-padding: .5rem;
    --adp-cell-border-radius: .5rem;
    --adp-cell-background-color-hover: #f1f5fb;
    --adp-cell-background-color-selected: #335b99;
    --adp-cell-background-color-selected-hover: #2d518d;
    --adp-nav-arrow-color: #61738c;
    --adp-nav-color-secondary: #253a55;
    --adp-color: #40536d;
    --adp-color-secondary: #8a95a5;
    --adp-color-current-date: #315d9b;
    --adp-font-family:
        "Plus Jakarta Sans",
        "Segoe UI",
        sans-serif;

    width: 20.5rem;

    padding: .5rem;

    border: 1px solid #d7e1ee;
    border-radius: .9rem;

    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.air-datepicker.v6-air-datepicker {
    position: relative;
}

.air-datepicker.v6-air-datepicker.-inline-,
.air-datepicker.v6-air-datepicker.-active- {
    z-index: 9999;
}

.air-datepicker.v6-air-datepicker:not(.-active-) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(4px);
}

.air-datepicker.v6-air-datepicker .air-datepicker-nav {
    padding: .08rem 2.2rem .22rem .08rem;

    border-bottom: 0;
}

.v6-air-datepicker-close {
    position: absolute;
    top: .62rem;
    right: .62rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 1.7rem;
    height: 1.7rem;

    border: 0;
    border-radius: .44rem;

    background: #f3f7fb;
    color: #61738c;

    cursor: pointer;

    transition:
        background-color .16s ease,
        color .16s ease,
        transform .16s ease;
}

.v6-air-datepicker-close:hover {
    background: #eaf1f8;
    color: #2f4e80;
    transform: translateY(-1px);
}

.v6-air-datepicker-close:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(73, 110, 183, .12);
}

.v6-air-datepicker-close i {
    font-size: .72rem;
    line-height: 1;
}

.air-datepicker.v6-air-datepicker .air-datepicker-nav--title {
    gap: .38rem;

    color: #253a55;

    font-size: .76rem;
    font-weight: 700;
}

.air-datepicker.v6-air-datepicker .air-datepicker-nav--title i {
    color: inherit;
    font-style: normal;
}

.air-datepicker.v6-air-datepicker .air-datepicker-nav--action {
    width: 1.7rem;
    height: 1.7rem;

    border-radius: .44rem;

    background: #f3f7fb;
}

.air-datepicker.v6-air-datepicker .air-datepicker-nav--action:hover {
    background: #eaf1f8;
}

.air-datepicker.v6-air-datepicker .air-datepicker-nav--action path {
    stroke: #61738c;
    stroke-width: 2px;
}

.air-datepicker.v6-air-datepicker .air-datepicker-body--day-names {
    margin: .04rem 0 .08rem;
}

.air-datepicker.v6-air-datepicker .air-datepicker-body--day-name {
    color: #8a95a5;

    font-size: .54rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.air-datepicker.v6-air-datepicker .air-datepicker-cell {
    height: 2rem;

    border-radius: .5rem;

    font-size: .64rem;
    font-weight: 600;
}

.air-datepicker.v6-air-datepicker .air-datepicker-cell.-day-.-other-month-,
.air-datepicker.v6-air-datepicker .air-datepicker-cell.-day-.-disabled- {
    color: #c3cad4;
}

.air-datepicker.v6-air-datepicker .air-datepicker-cell.-day-.-focus- {
    background: #f1f5fb;
    color: #315d9b;
}

.air-datepicker.v6-air-datepicker .air-datepicker-cell.-current- {
    border: 1px solid #b8c9df;
    background: #fff;
    color: #315d9b;
}

.air-datepicker.v6-air-datepicker .air-datepicker-cell.-selected- {
    background: linear-gradient(135deg, #4475bf, #335b99);
    color: #fff;
    box-shadow: 0 8px 14px rgba(48, 91, 150, .2);
}

.air-datepicker.v6-air-datepicker .air-datepicker-cell.-in-range- {
    background: #edf4fd;
    color: #426995;
}

.air-datepicker.v6-air-datepicker .air-datepicker-cell.-range-from-,
.air-datepicker.v6-air-datepicker .air-datepicker-cell.-range-to- {
    background: linear-gradient(135deg, #4475bf, #335b99);
    color: #fff;
}

/* Shared unavailable state for every booking datepicker. */
.air-datepicker.v6-air-datepicker .air-datepicker-cell.-day-.-disabled-,
.air-datepicker.v6-air-datepicker .air-datepicker-cell.-day-.-other-month- {
    background: #f3f4f6;
    color: #b7bec8;
    cursor: not-allowed;
    opacity: .78;
}

.air-datepicker.v6-air-datepicker .air-datepicker-cell.-day-.-disabled-:hover,
.air-datepicker.v6-air-datepicker .air-datepicker-cell.-day-.-other-month-:hover {
    background: #f3f4f6;
    color: #b7bec8;
}

.air-datepicker.v6-air-datepicker .air-datepicker-body--cells.-days- {
    gap: .08rem;
}

.air-datepicker.v6-air-datepicker .air-datepicker-body--cells.-months-,
.air-datepicker.v6-air-datepicker .air-datepicker-body--cells.-years- {
    gap: .35rem;
}

.air-datepicker.v6-air-datepicker .air-datepicker-cell.-month-,
.air-datepicker.v6-air-datepicker .air-datepicker-cell.-year- {
    height: 2.2rem;
    border-radius: .5rem;
    font-size: .72rem;
}

@media (max-width: 640px) {
    .air-datepicker.v6-air-datepicker {
        width: calc(100vw - 1rem);
        max-width: calc(100vw - 1rem);
    }
}


/* Flatpickr */
.flatpickr-calendar,
.v6-flatpickr-pop {
    width: 20.5rem !important;
    min-width: 20.5rem !important;
    max-width: calc(100vw - 1.5rem) !important;

    padding: .56rem !important;
    z-index: 9999 !important;
    overflow: visible !important;

    border: 1px solid #d7e1ee !important;
    border-radius: 1rem !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdff 100%
        ) !important;

    box-shadow:
        0 20px 44px rgba(25, 43, 68, .16),
        0 6px 14px rgba(25, 43, 68, .06) !important;

    font-family:
        "Plus Jakarta Sans",
        "Segoe UI",
        sans-serif !important;
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline,
.v6-flatpickr-pop.open,
.v6-flatpickr-pop.inline {
    z-index: 9999 !important;
}

.flatpickr-innerContainer,
.flatpickr-rContainer,
.flatpickr-days,
.dayContainer {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.flatpickr-time {
    max-height: 3.45rem;
    margin-top: .3rem;
    border-top: 1px solid #e8eef6 !important;
    border-radius: .82rem;
    background:
        linear-gradient(
            180deg,
            #fbfdff 0%,
            #f3f7fd 100%
        );
}

.flatpickr-time .numInputWrapper {
    flex: 1 1 0;
}

.flatpickr-time input,
.flatpickr-time .flatpickr-am-pm {
    height: 3.1rem !important;
    color: #29425f !important;
    font-size: .84rem !important;
    font-weight: 700 !important;
    background: transparent !important;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #6d82a2 !important;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #6d82a2 !important;
}

/* Time picker */
.flatpickr-calendar.noCalendar,
.v6-flatpickr-time-pop {
    width: 19rem !important;
    min-width: 19rem !important;
    max-width: calc(100vw - 1rem) !important;

    padding: 0 !important;

    border: 1px solid #dce5f0 !important;
    border-radius: .85rem !important;

    background: #fff !important;

    box-shadow:
        0 18px 42px rgba(26, 44, 72, .14) !important;

    overflow: hidden !important;
}


/* Header */
.v6-timepicker-header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;

    gap: .75rem;

    padding: .78rem .9rem;

    border-bottom: 1px solid #edf1f6;

    background:
        linear-gradient(
            180deg,
            #fff,
            #fafcff
        );
}

.v6-timepicker-header-icon {
    display: grid;
    place-items: center;

    width: 2.1rem;
    height: 2.1rem;

    border-radius: .58rem;

    background: #eef4fd;
    color: #3866c8;

    font-size: .9rem;
}

.v6-timepicker-header-copy {
    display: grid;

    gap: .08rem;

    text-align: center;
}

.v6-timepicker-header-copy span {
    color: #53637a;

    font-size: .64rem;
    font-weight: 700;
}

.v6-timepicker-header-copy strong {
    color: #315dcc;

    font-family:
        "Manrope",
        "Plus Jakarta Sans",
        sans-serif;

    font-size: .98rem;
    font-weight: 800;

    line-height: 1;
}

.v6-timepicker-header-toggle {
    display: grid;
    place-items: center;

    width: 1.65rem;
    height: 1.65rem;

    border: 0;
    border-radius: .42rem;

    background: transparent;
    color: #5674a5;

    cursor: pointer;

    transition:
        background-color .15s ease,
        transform .15s ease;
}

.v6-timepicker-header-toggle:hover {
    background: #f0f4fa;

    transform: translateY(-1px);
}


/* Time body */
.flatpickr-calendar.noCalendar .flatpickr-time {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    align-items: start;

    gap: .7rem;

    height: auto !important;
    max-height: none !important;

    margin: 0;

    padding:
        .78rem
        .9rem;

    border: 0 !important;

    background: #fff;
}


/* Hide separator */
.flatpickr-calendar.noCalendar
.flatpickr-time-separator,

.flatpickr-calendar.noCalendar
.flatpickr-am-pm {
    display: none !important;
}


/* Hour / minute */
.flatpickr-calendar.noCalendar
.flatpickr-time
.numInputWrapper {
    position: relative;

    display: grid;
    align-content: start;

    grid-template-columns:
        minmax(0, 1fr)
        1.7rem;

    grid-template-rows:
        auto
        2.45rem;

    gap:
        .32rem
        .38rem;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 6.25rem;
    height: auto !important;

    padding: .62rem;

    border: 1px solid #e1e8f1;
    border-radius: .7rem;

    background:
        linear-gradient(
            180deg,
            #fff,
            #f9fbfe
        );
}


/* Label Jam / Menit */
.flatpickr-calendar.noCalendar
.flatpickr-time
.numInputWrapper::before {
    content: attr(data-v6-time-label);

    grid-column: 1 / -1;

    color: #33475f;

    font-size: .66rem;
    font-weight: 700;

    line-height: 1.2;
}


/* Input */
.flatpickr-calendar.noCalendar
.flatpickr-time
.numInputWrapper input {
    grid-column: 1;
    grid-row: 2;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 2.45rem !important;

    padding: 0 .5rem !important;

    border: 1px solid #dbe4ef !important;
    border-radius: .52rem !important;

    background: #fff !important;

    color: #315dcc !important;

    font-family:
        "Manrope",
        "Plus Jakarta Sans",
        sans-serif !important;

    font-size: .96rem !important;
    font-weight: 800 !important;
    line-height: 2.45rem !important;

    text-align: center !important;

    box-shadow: none !important;
}

.flatpickr-calendar.noCalendar
.flatpickr-time
.numInputWrapper input:focus {
    border-color: #9db4d6 !important;

    box-shadow:
        0 0 0 3px rgba(61, 103, 172, .07) !important;
}


/* Arrow area */
.flatpickr-calendar.noCalendar
.flatpickr-time
.numInputWrapper span {
    position: absolute;

    right: .62rem;

    width: 1.7rem;
    height: 1.02rem;

    border: 0;

    background: #f1f5fb;

    cursor: pointer;

    transition:
        background-color .15s ease,
        color .15s ease;
}

.flatpickr-calendar.noCalendar
.flatpickr-time
.numInputWrapper span.arrowUp {
    top: 2.12rem;

    border-radius:
        .38rem
        .38rem
        .14rem
        .14rem;
}

.flatpickr-calendar.noCalendar
.flatpickr-time
.numInputWrapper span.arrowDown {
    bottom: .62rem;

    border-radius:
        .14rem
        .14rem
        .38rem
        .38rem;
}

.flatpickr-calendar.noCalendar
.flatpickr-time
.numInputWrapper span:hover {
    background: #e7eef8;
}


/* Arrow icon */
.flatpickr-calendar.noCalendar
.flatpickr-time
.numInputWrapper span::after {
    left: 50% !important;

    transform: translateX(-50%);

    border-left-width: .32rem !important;
    border-right-width: .32rem !important;
}

.flatpickr-calendar.noCalendar
.flatpickr-time
.numInputWrapper span.arrowUp::after {
    top: .3rem;

    border-bottom-color: #7085a5 !important;
}

.flatpickr-calendar.noCalendar
.flatpickr-time
.numInputWrapper span.arrowDown::after {
    top: .14rem;

    border-top-color: #7085a5 !important;
}


/* Footer */
.v6-timepicker-footer {
    display: flex;
    justify-content: flex-end;

    padding:
        .6rem
        .9rem
        .78rem;

    border-top: 1px solid #edf1f6;

    background: #fafcff;
}

.v6-timepicker-done {
    min-width: 5.2rem;
    height: 2.15rem;

    padding: 0 .85rem;

    border: 0;
    border-radius: .55rem;

    background: #315dcc;

    color: #fff;

    font-family: inherit;

    font-size: .72rem;
    font-weight: 700;

    cursor: pointer;

    box-shadow:
        0 6px 14px rgba(49, 93, 204, .16);

    transition:
        background-color .15s ease,
        transform .15s ease;
}

.v6-timepicker-done:hover {
    background: #294fb4;

    transform: translateY(-1px);
}

.flatpickr-calendar.noCalendar .flatpickr-time .numInputWrapper .arrowUp,
.flatpickr-calendar.noCalendar .flatpickr-time .numInputWrapper .arrowDown {
    opacity: 1 !important;
}


/* Mobile */
@media (max-width: 640px) {
    .flatpickr-calendar.noCalendar,
    .v6-flatpickr-time-pop {
        width: calc(100vw - 1rem) !important;
        min-width: calc(100vw - 1rem) !important;
    }

    .flatpickr-calendar.noCalendar
    .flatpickr-time {
        gap: .55rem;

        padding:
            .7rem
            .7rem;
    }

    .flatpickr-calendar.noCalendar
    .flatpickr-time
    .numInputWrapper {
        padding: .58rem;

        grid-template-columns:
            minmax(0, 1fr)
            1.6rem;
    }

    .flatpickr-calendar.noCalendar
    .flatpickr-time
    .numInputWrapper input {
        height: 2.5rem !important;

        font-size: .9rem !important;
    }

    .flatpickr-calendar.noCalendar
    .flatpickr-time
    .numInputWrapper span {
        right: .58rem;

        width: 1.6rem;
    }

    .flatpickr-calendar.noCalendar
    .flatpickr-time
    .numInputWrapper span.arrowUp {
        top: 2.2rem;
    }

    .flatpickr-calendar.noCalendar
    .flatpickr-time
    .numInputWrapper span.arrowDown {
        bottom: .58rem;
    }
}

.flatpickr-months {
    padding: .12rem .08rem .22rem;
}

.flatpickr-month {
    color: #253a55 !important;
}

.flatpickr-current-month {
    padding-top: .1rem !important;

    color: #253a55 !important;

    font-size: .76rem !important;
    font-weight: 700 !important;
    letter-spacing: -.01em;
}

.v6-date-picker-head {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: .38rem;
}

.flatpickr-current-month .numInputWrapper {
    width: auto !important;
}

.flatpickr-current-month .cur-year {
    display: none !important;
}

.v6-date-picker-month,
.v6-date-picker-year {
    height: 1.9rem;

    padding: 0 .62rem;

    border: 1px solid #d8e2ee;
    border-radius: .46rem;

    background: #f8fbff;
    color: #28415e;

    font-family: inherit;
    font-size: .74rem;
    font-weight: 700;

    outline: 0;
    box-shadow: none;

    cursor: pointer;

    transition:
        border-color .15s ease,
        background-color .15s ease,
        box-shadow .15s ease;
}

.v6-date-picker-month {
    min-width: 7.4rem;
}

.v6-date-picker-year {
    min-width: 4.8rem;
}

.v6-date-picker-month:hover,
.v6-date-picker-year:hover {
    border-color: #bccbdf;
    background: #f1f6fc;
}

.v6-date-picker-month:focus,
.v6-date-picker-year:focus {
    border-color: #7392c0;
    box-shadow: 0 0 0 3px rgba(67, 109, 171, .05);
}

.flatpickr-prev-month,
.flatpickr-next-month {
    display: grid !important;
    place-items: center;

    top: .34rem !important;

    width: 1.7rem !important;
    height: 1.7rem !important;

    padding: 0 !important;

    border-radius: .44rem;
    background: #f3f7fb;

    transition:
        background-color .15s ease,
        transform .15s ease;
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
    background: #eaf1f8;
    transform: translateY(-1px);
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
    width: .58rem !important;
    height: .58rem !important;

    fill: #61738c !important;
}

.flatpickr-weekdays {
    margin: .04rem 0 .08rem;
}

.flatpickr-weekday {
    color: #8a95a5 !important;

    font-size: .54rem !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.flatpickr-day {
    max-width: 2rem !important;
    height: 2rem !important;

    line-height: 2rem !important;

    border: 0 !important;
    border-radius: .5rem !important;

    color: #40536d !important;

    font-size: .64rem !important;
    font-weight: 600 !important;

    transition:
        background-color .14s ease,
        color .14s ease,
        transform .14s ease;
}

.flatpickr-day:hover {
    background: #f1f5fb !important;

    color: #315d9b !important;
    transform: translateY(-1px);
}

.flatpickr-day.today {
    border: 1px solid #b8c9df !important;

    background: #fff !important;

    color: #315d9b !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    border-color: transparent !important;

    background:
        linear-gradient(
            135deg,
            #4475bf,
            #335b99
        ) !important;

    color: #fff !important;

    box-shadow:
        0 8px 14px
        rgba(48, 91, 150, .2);
}

.flatpickr-day.inRange {
    border-radius: .18rem !important;

    background: #edf4fd !important;

    color: #426995 !important;

    box-shadow:
        -5px 0 0 #edf4fd,
        5px 0 0 #edf4fd !important;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    border-color: transparent !important;
    background: #f3f4f6 !important;
    color: #c3cad4 !important;
    cursor: not-allowed;
    opacity: .78;
}

.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover {
    border-color: transparent !important;
    background: #f3f4f6 !important;
    color: #c3cad4 !important;
}

main[class*="v2-"] input[type="date"]:disabled {
    border-color: #e3e7ed;
    background: #f3f4f6;
    color: #aeb6c1;
}

.flatpickr-calendar .flatpickr-days {
    padding: 0 .32rem .36rem;
}

.dayContainer {
    gap: .08rem;
}

@media (max-width: 640px) {
    .flatpickr-calendar,
    .v6-flatpickr-pop {
        width: calc(100vw - 1rem) !important;
        min-width: calc(100vw - 1rem) !important;
        max-width: calc(100vw - 1rem) !important;
        left: .5rem !important;
        right: .5rem !important;
    }
}


/* SweetAlert */
.v6-swal-popup {
    width: min(22rem, calc(100vw - 1.2rem)) !important;
    border-radius: .78rem !important;
    box-shadow: 0 18px 36px rgba(24, 43, 69, .14) !important;
    padding: .78rem .88rem .78rem .88rem !important;
}

.v6-swal-title {
    color: #223754 !important;
    font-family: "Manrope", "Plus Jakarta Sans", sans-serif !important;
    font-size: .84rem !important;
    font-weight: 780 !important;
    letter-spacing: -.02em !important;
    text-align: left !important;
    margin: 0 !important;
}

.v6-swal-text {
    color: #667a97 !important;
    font-size: .72rem !important;
    line-height: 1.48 !important;
    text-align: left !important;
    margin: .18rem 0 0 !important;
}

.swal2-icon.swal2-warning {
    border-color: rgba(245, 158, 11, .22) !important;
    color: #f59e0b !important;
}

.v6-swal-close {
    color: #9aacbf !important;
    font-size: 1rem !important;
}

.swal2-timer-progress-bar {
    background: linear-gradient(90deg, #5f81ec, #3c62d8) !important;
}

/* Tablet */
@media (max-width: 1100px) {
    .v6-service-tabs {
        display: flex;

        overflow-x: auto;

        scrollbar-width: none;
    }

    .v6-service-tabs::-webkit-scrollbar {
        display: none;
    }

    .v6-service-tab {
        flex: 0 0 9rem;
    }

    .v6-search-grid--pariwisata,
    .v6-service-panel[data-v6-panel]
    .v6-search-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .v6-field-group--ticket-ship-swap .v6-route-switch {
        width: 3rem;
    }

}


/* Mobile */
@media (max-width: 680px) {
    .v6-service-tabs {
        display: none;
    }

    .v6-service-select-mobile {
        position: relative;
        display: block;
        margin: 0 -.8rem;
        padding: .7rem .8rem .78rem;
        border-radius: .86rem .86rem 0 0;
        background: linear-gradient(180deg, #f3f6fb 0%, #eaf0f7 100%);
    }

    .v6-service-select-mobile-label {
        display: block;
        margin-bottom: .3rem;
        color: #70819a;
        font-size: .68rem;
        font-weight: 700;
    }

    .v6-service-select-mobile-trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        width: 100%;
        min-height: 2.65rem;
        padding: 0 .78rem;
        border: 1px solid #d8e2ef;
        border-radius: .68rem;
        background: #fff;
        color: #213754;
        font: inherit;
        font-size: .78rem;
        font-weight: 700;
        text-align: left;
        box-shadow: 0 4px 12px rgba(42, 67, 103, .05);
        cursor: pointer;
    }

    .v6-service-select-mobile-trigger i {
        color: #45678f;
        font-size: .78rem;
        transition: transform .16s ease;
    }

    .v6-service-select-mobile.is-open .v6-service-select-mobile-trigger i {
        transform: rotate(180deg);
    }

    .v6-service-select-mobile-menu {
        display: grid;
        gap: .25rem;
        margin-top: .5rem;
        padding: .38rem;
        border: 1px solid #dce5f0;
        border-radius: .7rem;
        background: #fff;
        box-shadow: 0 10px 20px rgba(42, 67, 103, .08);
    }

    .v6-service-select-mobile-menu[hidden] {
        display: none;
    }

    .v6-service-select-mobile-menu button {
        width: 100%;
        padding: .62rem .68rem;
        border: 0;
        border-radius: .48rem;
        background: transparent;
        color: #526884;
        font: inherit;
        font-size: .74rem;
        font-weight: 650;
        text-align: left;
        cursor: pointer;
    }

    .v6-service-select-mobile-menu button[aria-selected="true"] {
        background: #eef4ff;
        color: #315ccd;
    }

    .v6-service-select-mobile-menu button:hover {
        background: #f4f7fc;
    }

    .v6-section-head {
        align-items: stretch;
        flex-direction: column;
        gap: .68rem;
        margin-bottom: .82rem;
    }

    .v6-section-head .v6-slider-toolbar {
        justify-content: flex-start;
        padding-top: 0;
    }

    .v6-hero {
        --nav-offset: 4.7rem;
        --hero-height: 21rem;

        padding-bottom: .65rem;
    }

    .v6-promo-section {
        margin-top: -.9rem;
        padding-bottom: 2.1rem;
    }

    .v6-promo-banner {
        border-radius: 1.3rem;
    }

    .v6-promo-banner::before,
    .v6-promo-banner::after {
        width: 1.4rem;
        height: 1.4rem;
    }

    .v6-promo-banner::before {
        left: -.7rem;
    }

    .v6-promo-banner::after {
        right: -.7rem;
    }

    .v6-promo-slider {
        grid-auto-columns: minmax(17rem, 88vw);
        gap: .75rem;
    }

    .v6-promo-slider-shell--needs {
        margin-top: 1.45rem;
    }

    .v6-promo-slider-shell--trip {
        margin-top: 1.45rem;
    }

    .v6-promo-slider-shell--pariwisata-rental {
        margin-top: 1.45rem;
    }

    .v6-article-shell {
        margin-top: 1.75rem;
    }

    .v6-value-shell {
        margin-top: 1.85rem;
        padding: 1.25rem 1.1rem;
    }

    .v6-app-strip-shell {
        margin-top: 1.55rem;
    }

    .v6-partner-shell {
        margin-top: 1.55rem;
    }

    .v6-partner-heading h3 {
        font-size: 1rem;
    }

    .v6-partner-group {
        justify-content: center;
    }

    .v6-value-content {
        grid-template-columns: 1fr;
        gap: 1.3rem;
    }

    .v6-value-copy h3 {
        font-size: clamp(1.7rem, 4vw, 2.4rem);
    }

    .v6-value-copy p {
        max-width: none;
        font-size: .88rem;
    }

    .v6-value-stats,
    .v6-value-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .v6-partner-item {
        min-height: 5rem;
        padding: .42rem .72rem;
    }

    .v6-article-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .9rem;
    }

    .v6-promo-slider--needs {
        grid-auto-columns: minmax(17rem, 88vw);
    }

    .v6-promo-slider--trip-travel {
        grid-auto-columns: minmax(17rem, 88vw);
    }

    .v6-promo-slider--pariwisata-rental {
        grid-auto-columns: minmax(17rem, 88vw);
    }

    .v6-slider-toolbar {
        margin-bottom: .72rem;
    }

    .v6-section-head {
        align-items: center;
        gap: .78rem;
        margin-bottom: .92rem;
    }

    .v6-slider-nav {
        gap: .38rem;
    }

    .v6-slider-nav-button {
        width: 2.15rem;
        height: 2.15rem;
    }

    .v6-section-link-row {
        margin-top: .9rem;
    }

    .v6-promo-tabs-heading {
        margin-bottom: .96rem;
    }

    .v6-section-head .v6-promo-tabs-heading {
        margin-bottom: 0;
    }

    .v6-promo-tabs-heading h3 {
        font-size: 1rem;
        white-space: normal;
    }

    .v6-promo-heading h2 {
        gap: .42rem;
    }

    .v6-promo-heading h2 i,
    .v6-promo-tabs-heading h3 i {
        font-size: .88rem;
    }

    .v6-promo-tabs {
        gap: .68rem;
        margin-bottom: 1.15rem;
        padding: 0;
    }

    .v6-promo-tab {
        min-height: 2.5rem;
        padding: 0 .9rem;
        border-radius: 999px;
        font-size: .78rem;
    }

    .v6-promo-card {
        --promo-card-height: 21.4rem;
        --promo-media-height: 9.2rem;
        --promo-button-height: 2.44rem;

        border-radius: 1.15rem;
    }

    .v6-floating-actions {
        right: .9rem;
        bottom: .9rem;
        gap: .56rem;
    }

    .v6-floating-action {
        width: 2.82rem;
        height: 2.82rem;
        font-size: 1.06rem;
    }

    .v6-promo-heading h2 {
        font-size: 1.08rem;
    }

    .v6-promo-card-body {
        gap: .78rem;
        padding: .88rem .88rem .95rem;
    }

    .v6-promo-card h3 {
        font-size: 1.28rem;
    }

    .v6-promo-card-head p {
        font-size: .8rem;
    }

    .v6-promo-card-price strong {
        font-size: .98rem;
    }

    .v6-promo-card-tags {
        gap: .5rem;
    }

    .v6-promo-card-actions {
        grid-template-columns: 1fr;
    }

    .v6-promo-card-link--primary {
        min-width: 0;
    }

    .v6-article-card {
        grid-template-rows: 10.8rem minmax(0, 1fr);
    }

    .v6-article-card-body {
        padding: .92rem .92rem 1rem;
    }

    .v6-article-card h3 {
        font-size: 1rem;
    }

    .v6-article-card p {
        font-size: .78rem;
    }

    .v6-value-stat,
    .v6-value-card {
        padding: .88rem .82rem;
    }

    .v6-value-stat strong {
        font-size: .98rem;
    }

    .v6-value-card h4 {
        font-size: .92rem;
    }

    .v6-value-card p {
        font-size: .77rem;
    }

    .v6-hero-image {
        object-position: 60% center;
    }

    .v6-container {
        width: min(calc(100% - (var(--container-gutter) * 2)), var(--container-max-wide));
    }

    .v6-article-grid {
        grid-template-columns: 1fr;
    }

    .v6-value-stats,
    .v6-value-grid {
        grid-template-columns: 1fr;
    }

    .v6-value-route {
        min-height: 2.35rem;
    }

    .v6-value-route-pin {
        width: 2rem;
        height: 2rem;
        font-size: .84rem;
    }

    .v6-app-strip-link,
    .v6-app-strip-image {
        border-radius: 1rem;
    }

    .v6-partner-group {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .45rem;
        align-content: center;
    }

    .v6-partner-rotator {
        min-height: 10rem;
    }

    .v6-partner-item {
        min-height: 4.55rem;
        padding: .4rem .5rem;
        border: 1px solid #edf2f8;
        border-radius: .72rem;
        background: #fff;
    }

    .v6-partner-item:not(:last-child) {
        border-right: 1px solid #edf2f8;
    }

    .v6-partner-item-image {
        max-width: 7.8rem;
        max-height: 2.35rem;
    }

    .v6-partner-card {
        min-height: 5.4rem;
        padding: .82rem .78rem;
        border-radius: 1rem;
    }

    .v6-partner-card-image {
        max-width: 7.4rem;
        max-height: 2.45rem;
    }

    .v6-service-tabs {
        display: none;

        margin-inline: -.8rem;

        padding:
            .22rem
            .3rem
            0;

        overflow-x: auto;

        border-radius:
            .86rem
            .86rem
            0
            0;

        background:
            linear-gradient(
                180deg,
                #f3f6fb 0%,
                #eaf0f7 100%
            );
    }

    .v6-service-tab {
        flex: 0 0 7.8rem;

        min-height: 2.62rem;

        padding:
            .34rem
            .5rem
            .42rem;

        border-radius:
            .58rem
            .58rem
            0
            0;
    }

    .v6-service-tab.is-active {
        margin-bottom: -2px;
    }


    .v6-service-tab-icon {
        width: auto;
        height: auto;

        flex: 0 0 auto;

        font-size: .64rem;
    }

    .v6-service-tab-icon img {
        width: 1.08rem;
        height: 1.08rem;
    }

    .v6-service-tab-label {
        font-size: .72rem;
    }

    .v6-service-tab-index {
        display: none;
    }

    .v6-search-form {
        padding:
            .82rem
            .7rem
            0;
    }

    .v6-search-grid--pariwisata,
    .v6-service-panel[data-v6-panel]
    .v6-search-grid {
        grid-template-columns: 1fr;
    }

    .v6-date-range,
    .v6-date-range-shell {
        grid-template-columns: 1fr;
        gap: .48rem;
    }

    .v6-field-group--swap {
        align-items: stretch;
        padding-top: 0;
    }

    .v6-route-switch {
        width: 100%;
        height: 2.75rem;
        border-radius: .82rem;
    }

    .v6-search-grid--ticket-ship .v6-counter-row {
        grid-template-columns: 1fr;
    }

    .v6-field-shell,
    .v6-custom-select-trigger {
        height: 2.75rem;
    }

    .v6-field-group > label {
        font-size: .71rem;
    }

    .v6-field-icon {
        margin-right: .56rem;
        font-size: .84rem;
    }

    .v6-field-input,
    .v6-field-select,
    .v6-custom-select-value,
    .v6-custom-select--inline .v6-custom-select-value {
        font-size: .8rem;
    }

    .v6-field-shell--date .v6-field-input,
    .v6-field-shell--time .v6-field-input {
        font-size: .82rem;
    }

    .v6-search-action,
    .v6-search-button {
        width: 100%;
    }

    .v6-search-button {
        min-width: 0;
        height: 2.8rem;
    }

    .v6-form-helper {
        margin-inline: -.8rem;
        display: flex;
        align-items: flex-start;
        padding:
            .76rem
            .8rem
            .55rem;
    }

    #v6-pariwisata-note {
        font-size: .67rem;
    }

    .v6-custom-select-menu {
        top: calc(100% + .3rem);
    }
}


/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .v6-service-tab,
    .v6-field-shell,
    .v6-custom-select-trigger,
    .v6-search-button,
    .v6-search-button-icon,
    .v6-floating-action {
        transition: none;
    }

    .v6-service-panel.is-active,
    .v6-custom-select-menu {
        animation: none;
    }
}