/* Jarvis client refinements; update-safe feature baseline */
:root {
    --lkt-warm-card: #fff;
}

.lkt-warm-home-card {
    padding: 0 0 24px;
    overflow: hidden;
    border: 1px solid rgba(69,48,42,.075);
    border-radius: 30px;
    background: var(--lkt-warm-card);
    box-shadow: 0 16px 42px rgba(70,45,39,.075);
}

.lkt-warm-home-card .lkt-hero-slider {
    border-radius: 29px 29px 24px 24px;
    box-shadow: none;
}

.lkt-warm-home-card .lkt-category-section {
    margin-top: 27px;
    padding: 0 11px;
}

.lkt-warm-home-card .lkt-category-section .lkt-section-head {
    margin-bottom: 17px;
}

.lkt-warm-home-card .lkt-category-section .lkt-section-head h2 {
    font-size: 23px;
}
.lkt-hero-tools {
    position: absolute;
    z-index: 8;
    top: 13px;
    right: 13px;
    left: 13px;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    pointer-events: none;
}

.lkt-brand-mark,
.lkt-hero-search {
    pointer-events: auto;
}

.lkt-brand-mark {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 14px;
    background: rgba(255,255,255,.93);
    box-shadow: 0 8px 22px rgba(26,16,14,.18);
    backdrop-filter: blur(12px);
}

.lkt-brand-mark img {
    width: 33px;
    height: 33px;
}

.lkt-hero-search {
    width: 42px;
    min-height: 42px;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 14px;
    background: rgba(255,255,255,.93);
    box-shadow: 0 8px 22px rgba(26,16,14,.18);
    backdrop-filter: blur(12px);
}

.lkt-hero-search.is-open {
    width: calc(100% - 52px);
}

.lkt-hero-search > button {
    width: 40px;
    height: 40px;
    border-radius: 13px;
    box-shadow: none;
}

.lkt-hero-search input {
    font-size: 12px;
}

.lkt-search-results {
    top: 48px;
    width: min(360px, calc(100vw - 54px));
}

.lkt-hero-slider {
    aspect-ratio: 16 / 10;
    min-height: 0;
}

.lkt-hero-track {
    height: 100%;
}

.lkt-hero-slide {
    height: 100%;
    min-height: 0;
    padding: 58px 21px 37px;
}

.lkt-hero-copy {
    width: 67%;
}

.lkt-hero-copy > span {
    font-size: clamp(8px, 2.4vw, 10px);
}

.lkt-hero-copy h1 {
    display: -webkit-box;
    margin: 5px 0 6px;
    overflow: hidden;
    font-size: clamp(19px, 5.8vw, 25px);
    line-height: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.lkt-hero-copy p {
    display: -webkit-box;
    margin-bottom: 9px;
    overflow: hidden;
    font-size: clamp(8px, 2.6vw, 10px);
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.lkt-hero-copy a {
    gap: 5px;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 9px;
}

.lkt-slider-notch {
    bottom: -1px;
    width: 190px;
    height: 30px;
    padding-top: 13px;
    background: transparent;
    border-radius: 0;
}

.lkt-slider-notch::before,
.lkt-slider-notch::after {
    content: none !important;
    display: none !important;
}

.lkt-slider-notch > svg {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    fill: var(--lkt-warm-card);
}

.lkt-slider-dots {
    position: relative;
    z-index: 1;
}

.lkt-category-grid {
    grid-template-columns: repeat(4, clamp(70px, 18vw, 78px));
    justify-content: center;
    gap: clamp(8px, 2.5vw, 12px);
}

.lkt-category-card {
    min-height: 112px;
    justify-content: center;
    padding: 13px 4px 11px;
    border-radius: 21px;
}

.lkt-category-card > span {
    width: 46px;
    height: 46px;
}

.lkt-category-card strong {
    font-size: 9px;
}

.lkt-profile-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    min-height: 0;
    margin-top: -41px;
    text-align: center;
}

.lkt-profile-logo {
    position: relative;
    z-index: 2;
}

.lkt-profile-title {
    width: 100%;
    min-width: 0;
    margin-top: 8px;
    padding: 0 12px;
    text-align: center;
}

.lkt-profile-title h1 {
    justify-content: center;
    gap: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.15;
}

.lkt-profile-title p {
    display: block;
    max-width: 310px;
    margin-right: auto;
    margin-left: auto;
    font-size: 10px;
    line-height: 1.45;
    text-align: center;
}

.lkt-bottom-nav {
    right: auto;
    left: 50%;
    width: max-content;
    max-width: calc(100vw - 28px);
    margin: 0;
    padding: 7px;
    border: 0;
    box-shadow: 0 10px 30px rgba(47,31,27,.14);
    transform: translateX(-50%);
}

.lkt-nav-item {
    border-color: rgba(69,48,42,.09);
}

@media (max-width: 360px) {
    .lkt-category-grid {
        grid-template-columns: repeat(4, 64px);
        gap: 7px;
    }

    .lkt-category-card {
        min-height: 105px;
    }

    .lkt-hero-copy {
        width: 69%;
    }

    .lkt-hero-copy h1 {
        font-size: 18px;
    }

    .lkt-profile-logo {
        width: 76px;
        height: 76px;
    }
}


/* 1.0.4 updates */
.lkt-warm-home-card .lkt-category-section {
    margin-top: 20px;
    padding: 0 11px;
}

.lkt-home-category-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    text-align: center;
}

.lkt-category-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 188px;
    padding: 12px 22px;
    border-radius: 999px;
    background: var(--lkt-primary);
    color: #fff !important;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(0,161,229,.18);
}

.lkt-home-category-cta p {
    margin: 0;
    color: var(--lkt-muted);
    font-size: 11px;
    font-weight: 700;
}

.lkt-profile-card {
    overflow: hidden;
    padding: 0 0 16px;
}

.lkt-profile-cover {
    height: 166px;
    margin: 0;
    border-radius: 28px 28px 24px 24px;
}

.lkt-profile-main {
    padding: 0 15px;
}

.lkt-profile-stats {
    margin: 18px 15px 15px;
}

.lkt-contact-button {
    width: calc(100% - 30px);
    margin: 0 15px;
}

.lkt-campaign-page {
    padding-top: 0;
}

.lkt-campaign-hero {
    position: relative;
    margin: 0 -17px 16px;
    padding: 26px 17px 18px;
    overflow: hidden;
    border-radius: 0 0 30px 30px;
    background:
        radial-gradient(circle at 15% 25%, rgba(255,255,255,.12) 0, rgba(255,255,255,.12) 34px, transparent 35px),
        radial-gradient(circle at 84% 18%, rgba(255,255,255,.10) 0, rgba(255,255,255,.10) 52px, transparent 53px),
        linear-gradient(140deg, rgba(255,255,255,.07), rgba(255,255,255,0) 55%),
        linear-gradient(135deg, var(--lkt-primary) 0%, #1b6fc0 56%, var(--lkt-primary-dark) 100%);
    box-shadow: 0 18px 40px rgba(40, 109, 136, .20);
}

.lkt-campaign-hero::before,
.lkt-campaign-hero::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.14);
    opacity: .6;
    pointer-events: none;
}

.lkt-campaign-hero::before {
    top: -52px;
    right: -34px;
    width: 168px;
    height: 168px;
}

.lkt-campaign-hero::after {
    bottom: 30px;
    left: -62px;
    width: 170px;
    height: 170px;
}

.lkt-page-head {
    padding: 0 6px 5px;
}

.lkt-page-head p {
    color: rgba(255,255,255,.82);
}

.lkt-page-head h1 {
    color: #fff;
}

.lkt-page-head h1 span {
    color: #dff2f7;
}

.lkt-page-logo {
    background: rgba(255,255,255,.92);
    border-color: rgba(255,255,255,.42);
    box-shadow: 0 10px 28px rgba(40, 109, 136, .18);
}

.lkt-page-search {
    position: relative;
    z-index: 2;
    margin: 22px 0 0;
}

.lkt-filter-chips {
    margin-top: 0;
}

@media (max-width: 360px) {
    .lkt-category-cta-button {
        min-width: 170px;
        padding-right: 18px;
        padding-left: 18px;
    }
}


/* 1.0.5 campaign card + local license build refinements */
.lkt-list-card {
    min-height: 0;
    height: auto;
    align-items: stretch;
}

.lkt-list-media {
    position: relative;
    width: 106px;
    height: 104px;
    overflow: hidden;
    border-radius: 16px;
    background: #eee8e5;
    isolation: isolate;
}

.lkt-list-media::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: -10px;
    background-image: var(--lkt-card-image);
    background-position: center;
    background-size: cover;
    filter: blur(10px);
    opacity: .38;
    transform: scale(1.12);
}

.lkt-list-media::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: rgba(255,255,255,.10);
    pointer-events: none;
}

.lkt-list-media > img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* Pastikan list halaman Campaign memakai proporsi persis seperti homepage. */
.lkt-full-list .lkt-list-card {
    grid-template-columns: 106px minmax(0,1fr);
    gap: 13px;
    min-height: 0;
    height: auto;
    padding: 10px;
}

.lkt-full-list .lkt-list-info {
    min-height: 0;
    padding: 2px 1px;
}

@media (max-width: 360px) {
    .lkt-list-media,
    .lkt-full-list .lkt-list-media {
        width: 95px;
    }

    .lkt-full-list .lkt-list-card {
        grid-template-columns: 95px minmax(0,1fr);
    }
}


/* 1.0.7 card refinements */
.lkt-featured-section .lkt-section-head {
    justify-content: center;
    margin-bottom: 16px;
    text-align: center;
}

.lkt-featured-section .lkt-section-head h2 {
    width: 100%;
    text-align: center;
}

/* Dua card campaign pilihan tetap terlihat dalam satu viewport. */
.lkt-mini-slider {
    gap: 10px;
    margin: 0;
    padding: 1px 0 18px;
}

.lkt-mini-card {
    flex: 0 0 calc((100% - 10px) / 2);
    min-width: 0;
    border-radius: 18px;
}

/* Cover memakai area landscape dan artwork utama selalu utuh. */
.lkt-mini-cover {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #eee8e5;
    isolation: isolate;
}

.lkt-mini-cover::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: -10px;
    background-image: var(--lkt-mini-image);
    background-position: center;
    background-size: cover;
    filter: blur(10px);
    opacity: .32;
    transform: scale(1.1);
}

.lkt-mini-cover::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    height: auto;
    background: rgba(255,255,255,.06);
    pointer-events: none;
}

.lkt-mini-cover > img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.lkt-mini-cover > .lkt-category-tag {
    z-index: 3;
    top: 7px;
    left: 7px;
    max-width: calc(100% - 14px);
    padding: 4px 7px;
    font-size: 7px;
}

.lkt-mini-body {
    padding: 9px 10px 10px;
}

.lkt-mini-progress {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.lkt-mini-progress strong {
    color: var(--lkt-primary);
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
}

.lkt-mini-progress .lkt-progress {
    height: 4px;
}

.lkt-mini-body h3 {
    min-height: 32px;
    margin: 0 0 8px;
    font-size: 11px;
    line-height: 1.4;
}

.lkt-mini-body .lkt-time-badge {
    padding: 4px 7px;
    font-size: 8px;
}

/* Card Campaign Terbaru + halaman Campaign: gambar lebih lebar seperti referensi,
   namun tetap memakai markup yang sama untuk render awal, search, filter, dan load more. */
.lkt-list-card,
.lkt-full-list .lkt-list-card {
    grid-template-columns: minmax(0, 42%) minmax(0, 58%);
    gap: 12px;
    min-height: 0;
    height: auto;
    padding: 10px;
    align-items: center;
}

.lkt-list-media,
.lkt-full-list .lkt-list-media {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    align-self: center;
    border-radius: 15px;
}

.lkt-list-info,
.lkt-full-list .lkt-list-info {
    min-height: 0;
    padding: 1px 0;
}

.lkt-list-info h3,
.lkt-full-list .lkt-list-info h3 {
    margin: 5px 0 7px;
    font-size: 13px;
    line-height: 1.28;
}

.lkt-list-info > .lkt-progress,
.lkt-full-list .lkt-list-info > .lkt-progress {
    margin-top: auto;
}

.lkt-list-meta,
.lkt-full-list .lkt-list-meta {
    margin-top: 7px;
}

@media (max-width: 360px) {
    .lkt-mini-slider {
        gap: 8px;
    }

    .lkt-mini-card {
        flex-basis: calc((100% - 8px) / 2);
    }

    .lkt-mini-body {
        padding: 8px;
    }

    .lkt-mini-body h3 {
        min-height: 30px;
        font-size: 10px;
    }

    .lkt-list-card,
    .lkt-full-list .lkt-list-card {
        grid-template-columns: minmax(0, 43%) minmax(0, 57%);
        gap: 9px;
        padding: 8px;
    }

    .lkt-list-media,
    .lkt-full-list .lkt-list-media {
        width: 100%;
    }

    .lkt-list-info h3,
    .lkt-full-list .lkt-list-info h3 {
        font-size: 11px;
    }
}


/* 1.0.7: halaman Campaign mengikuti tinggi card homepage tanpa stretch dari min-height list. */
.lkt-full-list {
    min-height: 0;
    align-content: start;
    grid-auto-rows: max-content;
}

.lkt-full-list .lkt-list-card {
    align-self: start;
    min-height: 0;
    height: auto;
}

/* 1.0.2 CTA, flexible bottom navigation, and Habit card */
.lkt-category-cta-actions {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 9px;
    width: 100%;
    max-width: 390px;
}

.lkt-category-cta-actions .lkt-category-cta-button {
    flex: 1 1 0;
    min-width: 0;
    max-width: 188px;
    padding-right: 14px;
    padding-left: 14px;
    text-align: center;
}

.lkt-category-cta-actions.is-single .lkt-category-cta-button {
    flex: 0 1 188px;
}

.lkt-category-cta-button.is-secondary {
    border: 1px solid rgba(0,161,229,.24);
    background: #fff;
    color: var(--lkt-primary) !important;
    box-shadow: 0 10px 22px rgba(43,78,89,.08);
}

.lkt-category-cta-button.is-secondary:hover {
    border-color: var(--lkt-primary);
    background: var(--lkt-accent);
}

.lkt-habit-card {
    padding: 28px 18px 24px;
    border: 1px solid var(--lkt-line);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(43,78,89,.07);
}

.lkt-habit-card .lkt-socials a {
    background: #fbfdfd;
}

.lkt-bottom-nav[data-count="5"] {
    gap: 6px;
}

.lkt-bottom-nav[data-count="5"] .lkt-nav-item {
    width: 44px;
    height: 44px;
}

.lkt-bottom-nav[data-count="5"] .lkt-nav-item.is-active {
    min-width: 104px;
    padding-right: 13px;
    padding-left: 13px;
}

@media (max-width: 380px) {
    .lkt-category-cta-actions {
        gap: 7px;
    }

    .lkt-category-cta-actions .lkt-category-cta-button {
        padding: 11px 10px;
        font-size: 12px;
    }

    .lkt-bottom-nav[data-count="5"] {
        gap: 4px;
        padding: 6px;
    }

    .lkt-bottom-nav[data-count="5"] .lkt-nav-item {
        width: 39px;
        height: 39px;
    }

    .lkt-bottom-nav[data-count="5"] .lkt-nav-item .lkt-icon {
        width: 18px;
        height: 18px;
    }

    .lkt-bottom-nav[data-count="5"] .lkt-nav-item.is-active {
        min-width: 88px;
        padding: 0 10px;
    }

    .lkt-bottom-nav[data-count="5"] .lkt-nav-item.is-active span {
        margin-left: 5px;
        font-size: 10px;
    }
}


/* Baseline — custom media icons + desktop featured slider arrows */
.lkt-category-custom-icon,
.lkt-habit-custom-icon,
.lkt-social-custom-icon {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.lkt-category-card > span .lkt-category-custom-icon {
    width: 30px;
    height: 30px;
}

.lkt-habit-heart .lkt-habit-custom-icon {
    width: 34px;
    height: 34px;
}

.lkt-socials a .lkt-social-custom-icon {
    width: 21px;
    height: 21px;
}

.lkt-featured-slider-shell {
    position: relative;
}

.lkt-featured-arrow {
    display: none;
}

@media (min-width: 768px) {
    .lkt-featured-arrow {
        position: absolute;
        z-index: 8;
        top: 50%;
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        padding: 0;
        border: 1px solid rgba(36,52,59,.12);
        border-radius: 50%;
        background: rgba(255,255,255,.96);
        color: var(--lkt-primary);
        box-shadow: 0 10px 26px rgba(36,52,59,.16);
        cursor: pointer;
        transform: translateY(-50%);
        backdrop-filter: blur(8px);
    }
    .lkt-featured-arrow.is-prev { left: 5px; }
    .lkt-featured-arrow.is-next { right: 5px; }
    .lkt-featured-arrow.is-prev .lkt-icon { transform: rotate(180deg); }
    .lkt-featured-arrow[disabled] { opacity: 0; pointer-events: none; }
    .lkt-featured-arrow:hover:not([disabled]) {
        border-color: var(--lkt-primary);
        background: #fff;
        transform: translateY(-50%) scale(1.06);
    }
}


/* Baseline — campaigner label, clean logos, editable category label spacing, custom footer icons */
.lkt-campaigner {
    display: block;
    max-width: 100%;
    margin: -4px 0 8px;
    overflow: hidden;
    color: var(--lkt-muted);
    font-size: 9px;
    font-weight: 600;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lkt-mini-body .lkt-campaigner { margin-top: -5px; margin-bottom: 9px; }
.lkt-home-category-cta p { margin-top: 6px; }

/* Full client logo in the CTA banner, kept upright. */
.lkt-cta-symbol { transform: none; }
.lkt-cta-symbol img {
    width: 102px;
    height: 102px;
    object-fit: contain;
    border-radius: 0;
}

/* Habit icon is intentionally clean: no tilted green box. */
.lkt-habit-heart {
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    margin-bottom: 15px;
    border-radius: 0;
    background: transparent;
    transform: none;
}
.lkt-habit-heart .lkt-icon,
.lkt-habit-heart .lkt-habit-custom-icon {
    width: 46px;
    height: 46px;
    object-fit: contain;
}

.lkt-nav-custom-icon {
    display: block;
    width: 22px;
    height: 22px;
    object-fit: contain;
    flex: none;
}
@media (max-width: 380px) {
    .lkt-bottom-nav[data-count="5"] .lkt-nav-custom-icon { width: 18px; height: 18px; }
}


/* Baseline — verified campaigner, safer banner-logo inset */
.lkt-campaigner {
    display: flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    white-space: nowrap;
}
.lkt-campaigner > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lkt-campaigner-verified {
    display: inline-grid;
    place-items: center;
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--lkt-primary);
    color: #fff;
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}
/* Keep the full wordmark circle fully inside the banner. */
.lkt-cta-symbol {
    right: 10px;
    top: 46px;
    width: 118px;
    height: 118px;
}
.lkt-cta-symbol img {
    width: 92px;
    height: 92px;
}

/* 1.0.1 — About profile card: full-bleed cover with readable bottom gradient */
.lkt-about-page .lkt-profile-card {
    position: relative;
    isolation: isolate;
    min-height: 520px;
    padding: 238px 0 18px;
    overflow: hidden;
    border-color: rgba(255,255,255,.18);
    background: #162425;
    color: #fff;
    box-shadow: 0 18px 42px rgba(35,55,55,.18);
}

.lkt-about-page .lkt-profile-cover {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: inherit;
    background-position: center center;
    background-size: cover;
    transform: scale(1.002);
}

.lkt-about-page .lkt-profile-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 20%,
        rgba(0,0,0,.08) 40%,
        rgba(0,0,0,.42) 62%,
        rgba(0,0,0,.82) 82%,
        rgba(0,0,0,.94) 100%
    );
    pointer-events: none;
}

.lkt-about-page .lkt-profile-main,
.lkt-about-page .lkt-profile-stats,
.lkt-about-page .lkt-contact-button {
    position: relative;
    z-index: 2;
}

.lkt-about-page .lkt-profile-main {
    margin-top: 0;
    padding: 0 18px;
    color: #fff;
}

.lkt-about-page .lkt-profile-logo {
    width: 82px;
    height: 82px;
    padding: 5px;
    border: 3px solid rgba(255,255,255,.88);
    border-radius: 25px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 12px 30px rgba(0,0,0,.22);
}

.lkt-about-page .lkt-profile-title {
    margin-top: 10px;
}

.lkt-about-page .lkt-profile-title h1 {
    color: #fff;
    font-size: 21px;
    text-shadow: 0 2px 12px rgba(0,0,0,.38);
}

.lkt-about-page .lkt-profile-title p {
    max-width: 340px;
    color: rgba(255,255,255,.86);
    font-size: 10.5px;
    line-height: 1.55;
    text-shadow: 0 1px 10px rgba(0,0,0,.45);
}

.lkt-about-page .lkt-profile-stats {
    margin: 18px 15px 15px;
    border-top-color: rgba(255,255,255,.24);
    border-bottom-color: rgba(255,255,255,.24);
}

.lkt-about-page .lkt-profile-stats div + div {
    border-left-color: rgba(255,255,255,.22);
}

.lkt-about-page .lkt-profile-stats strong {
    color: #fff;
    text-shadow: 0 1px 8px rgba(0,0,0,.28);
}

.lkt-about-page .lkt-profile-stats span {
    color: rgba(255,255,255,.72);
}

.lkt-about-page .lkt-contact-button {
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(18,24,24,.42);
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.16);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.lkt-about-page .lkt-contact-button:hover {
    border-color: rgba(255,255,255,.42);
    background: rgba(0,161,229,.82);
}

@media (max-width: 360px) {
    .lkt-about-page .lkt-profile-card {
        min-height: 500px;
        padding-top: 220px;
    }

    .lkt-about-page .lkt-profile-logo {
        width: 76px;
        height: 76px;
    }

    .lkt-about-page .lkt-profile-title h1 {
        font-size: 19px;
    }
}

/* 1.0.2 — cinematic homepage hero + action/category stack inspired by compact profile cards */
:root {
    --lkt-home-action: #1c2729;
}

.lkt-warm-home-card {
    --lkt-warm-card: var(--lkt-home-action);
    padding: 0;
    border-color: rgba(35,54,57,.10);
    background: var(--lkt-home-action);
    box-shadow: 0 18px 44px rgba(35,54,57,.12);
}

.lkt-warm-home-card .lkt-hero-slider {
    border-radius: 29px 29px 0 0;
}

.lkt-hero-slide {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 72px 22px 54px;
    background-position: center center;
    isolation: isolate;
}

/* The old side vignette is intentionally replaced by a bottom-up readability gradient. */
.lkt-hero-slide::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(10,16,17,.94) 0%,
        rgba(7,26,51,.80) 24%,
        rgba(7,26,51,.52) 43%,
        rgba(7,26,51,.18) 63%,
        rgba(7,26,51,0) 79%
    );
    pointer-events: none;
}

.lkt-hero-copy {
    position: relative;
    z-index: 2;
    display: flex;
    width: min(90%, 370px);
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.lkt-hero-copy > span {
    font-size: clamp(8px, 2.35vw, 10px);
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-shadow: 0 1px 10px rgba(0,0,0,.35);
}

.lkt-hero-copy h1 {
    display: -webkit-box;
    width: 100%;
    margin: 7px 0 7px;
    overflow: hidden;
    line-height: .98;
    text-wrap: balance;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.lkt-hero-copy p {
    display: -webkit-box;
    max-width: 330px;
    margin: 0 0 12px;
    overflow: hidden;
    color: rgba(255,255,255,.84);
    font-size: clamp(9px, 2.55vw, 11px);
    line-height: 1.42;
    text-shadow: 0 1px 9px rgba(0,0,0,.35);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.lkt-hero-copy a {
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.34);
    background: rgba(255,255,255,.94);
    box-shadow: 0 7px 18px rgba(0,0,0,.13);
}

/* Curated, dependency-free headline font presets. */
.lkt-hero-font-modern .lkt-hero-copy h1 { font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; }
.lkt-hero-font-geometric .lkt-hero-copy h1 { font-family: "Avenir Next","Century Gothic","Trebuchet MS",Arial,sans-serif; }
.lkt-hero-font-poster .lkt-hero-copy h1 { font-family: Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif; }
.lkt-hero-font-editorial .lkt-hero-copy h1 { font-family: Georgia,"Times New Roman",serif; }
.lkt-hero-font-classic .lkt-hero-copy h1 { font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; }
.lkt-hero-font-humanist .lkt-hero-copy h1 { font-family: "Trebuchet MS","Segoe UI",Arial,sans-serif; }

.lkt-hero-size-small .lkt-hero-copy h1 { font-size: clamp(22px, 6.3vw, 27px); }
.lkt-hero-size-medium .lkt-hero-copy h1 { font-size: clamp(25px, 7.0vw, 30px); }
.lkt-hero-size-large .lkt-hero-copy h1 { font-size: clamp(28px, 7.8vw, 34px); }
.lkt-hero-size-xlarge .lkt-hero-copy h1 { font-size: clamp(31px, 8.7vw, 38px); }
.lkt-hero-weight-700 .lkt-hero-copy h1 { font-weight: 700; }
.lkt-hero-weight-800 .lkt-hero-copy h1 { font-weight: 800; }
.lkt-hero-weight-900 .lkt-hero-copy h1 { font-weight: 900; }
.lkt-hero-spacing-tight .lkt-hero-copy h1 { letter-spacing: -.045em; }
.lkt-hero-spacing-normal .lkt-hero-copy h1 { letter-spacing: 0; }
.lkt-hero-spacing-wide .lkt-hero-copy h1 { letter-spacing: .055em; }
.lkt-hero-transform-uppercase .lkt-hero-copy h1 { text-transform: uppercase; }
.lkt-hero-transform-none .lkt-hero-copy h1 { text-transform: none; }
.lkt-hero-slide.has-title-shadow .lkt-hero-copy h1 { text-shadow: 0 3px 16px rgba(0,0,0,.46); }

.lkt-slider-dots button {
    background: rgba(255,255,255,.38);
}
.lkt-slider-dots button.is-active {
    background: #fff;
}

/* CTA row becomes the dark action strip below the visual, while preserving editable destinations. */
.lkt-warm-home-card .lkt-category-section {
    margin-top: 0;
    padding: 13px 10px 10px;
    background: var(--lkt-home-action);
}

.lkt-home-category-cta {
    gap: 0;
    margin: 0 3px 12px;
}

.lkt-category-cta-actions {
    width: 100%;
    max-width: none;
    gap: 8px;
}

.lkt-category-cta-actions .lkt-category-cta-button,
.lkt-category-cta-actions.is-single .lkt-category-cta-button {
    flex: 1 1 0;
    max-width: none;
    min-height: 45px;
    padding: 11px 14px;
    border: 0;
    border-radius: 16px;
    background: #68d5f5;
    color: #183536 !important;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 9px 20px rgba(0,0,0,.16);
}

.lkt-category-cta-button.is-secondary {
    border: 1px solid rgba(255,255,255,.24) !important;
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

.lkt-category-cta-button.is-secondary:hover {
    border-color: rgba(255,255,255,.46) !important;
    background: rgba(255,255,255,.18) !important;
}

/* Four categories become one compact white information panel, like the reference lower card. */
.lkt-category-panel {
    padding: 12px 8px 9px;
    overflow: hidden;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.10);
}

.lkt-category-panel-title {
    margin: 0 0 9px;
    color: var(--lkt-muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .06em;
    text-align: center;
    text-transform: uppercase;
}

.lkt-category-panel .lkt-category-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    width: 100%;
}

.lkt-category-panel .lkt-category-card {
    position: relative;
    min-height: 83px;
    padding: 7px 4px 5px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.lkt-category-panel .lkt-category-card + .lkt-category-card::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 0;
    width: 1px;
    background: var(--lkt-line);
}

.lkt-category-panel .lkt-category-card > span {
    width: 39px;
    height: 39px;
    background: var(--lkt-accent);
}

.lkt-category-panel .lkt-category-card .lkt-icon {
    width: 22px;
    height: 22px;
}

.lkt-category-panel .lkt-category-card strong {
    display: -webkit-box;
    width: 100%;
    min-height: 23px;
    overflow: hidden;
    color: var(--lkt-text);
    font-size: 9px;
    line-height: 1.25;
    text-overflow: clip;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.lkt-category-panel .lkt-category-card:hover {
    box-shadow: none;
    transform: translateY(-2px);
}

@media (max-width: 360px) {
    .lkt-hero-slide { padding: 66px 16px 50px; }
    .lkt-hero-copy { width: 94%; }
    .lkt-category-cta-actions { gap: 6px; }
    .lkt-category-cta-actions .lkt-category-cta-button,
    .lkt-category-cta-actions.is-single .lkt-category-cta-button {
        min-height: 42px;
        padding: 10px 8px;
        font-size: 11px;
    }
    .lkt-category-panel { padding-right: 5px; padding-left: 5px; }
    .lkt-category-panel .lkt-category-card { min-height: 78px; padding-right: 2px; padding-left: 2px; }
    .lkt-category-panel .lkt-category-card > span { width: 35px; height: 35px; }
    .lkt-category-panel .lkt-category-card strong { font-size: 8px; }
}

/* 1.0.3 — tighter single-card homepage composition, closer to the supplied profile-card reference.
   Functional behavior is unchanged: hero remains a slider, CTA destinations stay editable,
   category slots remain DonasiAja-backed, and all existing settings are preserved. */

/* Make the top module read as ONE card silhouette, not stacked independent cards. */
.lkt-warm-home-card {
    overflow: hidden;
    border-radius: 32px;
    background: var(--lkt-home-action);
    box-shadow: 0 18px 46px rgba(24,39,41,.14);
}

/* Give the visual more dominance, like the reference portrait panel. */
.lkt-warm-home-card .lkt-hero-slider,
.lkt-hero-slider {
    aspect-ratio: 4 / 3;
    border-radius: 31px 31px 0 0;
    box-shadow: none;
}

.lkt-hero-slide {
    padding: 72px 22px 44px;
}

/* Keep slider navigation functional but remove the old protruding notch silhouette.
   Dots now float over the bottom of the image so the hero flows directly into the action strip. */
.lkt-slider-notch {
    bottom: 10px;
    width: auto;
    height: auto;
    min-width: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    translate: -50% 0;
}
.lkt-slider-notch::before,
.lkt-slider-notch::after,
.lkt-slider-notch > svg {
    display: none !important;
}
.lkt-slider-dots {
    gap: 6px;
    padding: 4px 7px;
    border-radius: 99px;
    background: rgba(12,20,21,.24);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}
.lkt-slider-dots button {
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,.52);
}
.lkt-slider-dots button.is-active {
    width: 22px;
    background: #fff;
}

/* Dark control bar: compact and left-weighted, mimicking Profile + action controls. */
.lkt-warm-home-card .lkt-category-section {
    margin-top: 0;
    padding: 12px 14px 0;
    background: var(--lkt-home-action);
}

.lkt-home-category-cta {
    margin: 0 0 11px;
}

.lkt-category-cta-actions {
    justify-content: flex-start;
    gap: 8px;
    max-width: none;
}

.lkt-category-cta-actions .lkt-category-cta-button,
.lkt-category-cta-actions.is-single .lkt-category-cta-button {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    min-width: 138px;
    min-height: 41px;
    padding: 10px 17px;
    border-radius: 999px;
    font-size: 11.5px;
    line-height: 1;
    white-space: nowrap;
}

.lkt-category-cta-actions.is-single .lkt-category-cta-button {
    min-width: 148px;
}

/* Secondary action behaves more like the compact white action controls in the reference. */
.lkt-category-cta-button.is-secondary {
    min-width: 108px !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    background: rgba(255,255,255,.96) !important;
    color: #213335 !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.11) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.lkt-category-cta-button.is-secondary:hover {
    border-color: #fff !important;
    background: #fff !important;
    color: var(--lkt-primary-dark) !important;
}

/* White category panel is now the card's bottom surface and rises directly from the dark bar.
   No detached inset-card look. Outer bottom corners are supplied by the parent card clipping. */
.lkt-category-panel {
    margin: 0 -14px -1px;
    padding: 11px 9px 10px;
    overflow: hidden;
    border-radius: 29px 29px 0 0;
    background: #fff;
    box-shadow: none;
}

.lkt-category-panel-title {
    margin: 0 0 5px;
    font-size: 8px;
    letter-spacing: .075em;
}

.lkt-category-panel .lkt-category-card {
    min-height: 66px;
    gap: 6px;
    padding: 5px 3px 4px;
}

.lkt-category-panel .lkt-category-card + .lkt-category-card::before {
    top: 7px;
    bottom: 7px;
    background: rgba(36,54,58,.10);
}

.lkt-category-panel .lkt-category-card > span {
    width: 33px;
    height: 33px;
}

.lkt-category-panel .lkt-category-card .lkt-icon {
    width: 19px;
    height: 19px;
}

.lkt-category-panel .lkt-category-card strong {
    min-height: 20px;
    font-size: 8.3px;
    line-height: 1.18;
}

@media (max-width: 360px) {
    .lkt-warm-home-card { border-radius: 29px; }
    .lkt-warm-home-card .lkt-hero-slider,
    .lkt-hero-slider { border-radius: 28px 28px 0 0; }
    .lkt-hero-slide { padding: 66px 15px 42px; }
    .lkt-warm-home-card .lkt-category-section { padding-right: 11px; padding-left: 11px; }
    .lkt-category-cta-actions { gap: 6px; }
    .lkt-category-cta-actions .lkt-category-cta-button,
    .lkt-category-cta-actions.is-single .lkt-category-cta-button {
        min-width: 124px;
        min-height: 39px;
        padding: 9px 13px;
        font-size: 10.5px;
    }
    .lkt-category-cta-button.is-secondary { min-width: 96px !important; }
    .lkt-category-panel { margin-right: -11px; margin-left: -11px; padding-right: 6px; padding-left: 6px; }
    .lkt-category-panel .lkt-category-card { min-height: 62px; }
    .lkt-category-panel .lkt-category-card > span { width: 30px; height: 30px; }
    .lkt-category-panel .lkt-category-card .lkt-icon { width: 17px; height: 17px; }
    .lkt-category-panel .lkt-category-card strong { font-size: 7.7px; }
}


/* Baseline — clean unified hero card + centered equal CTA buttons + interactive poster controls */
.lkt-warm-home-card{border:0!important;box-shadow:0 16px 42px rgba(35,54,57,.10)!important}.lkt-category-cta-actions{display:flex!important;align-items:center;justify-content:center!important;gap:9px!important;width:min(100%,330px)!important;margin:0 auto!important}.lkt-category-cta-actions .lkt-category-cta-button,.lkt-category-cta-actions.is-single .lkt-category-cta-button{flex:1 1 0!important;width:0!important;min-width:0!important;max-width:160px!important;min-height:43px!important;padding:10px 12px!important;border:0!important;border-radius:999px!important;background:var(--lkt-primary)!important;color:#fff!important;font-size:11.5px!important;box-shadow:0 8px 18px rgba(0,161,229,.19)!important}.lkt-category-cta-button.is-secondary{border:1px solid rgba(255,255,255,.88)!important;background:#fff!important;color:#1f3554!important;box-shadow:0 7px 17px rgba(0,0,0,.10)!important}.lkt-category-cta-button.is-secondary:hover{border-color:#fff!important;background:#fff!important;color:var(--lkt-primary-dark)!important}.lkt-hero-copy>span{color:var(--lkt-hero-eyebrow-color,#fff)!important}.lkt-hero-copy h1{color:var(--lkt-hero-title-color,#fff)!important}.lkt-hero-copy p{color:var(--lkt-hero-text-color,#fff)!important;opacity:.84}.lkt-hero-copy a{color:var(--lkt-hero-button-text-color,var(--lkt-primary-dark))!important}.lkt-hero-font-custom .lkt-hero-copy h1{font-family:var(--lkt-hero-custom-family,Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif)}.lkt-hero-slide.is-slide-clickable{cursor:pointer}.lkt-hero-slide.is-slide-clickable:focus-visible{outline:3px solid rgba(255,255,255,.94);outline-offset:-5px}@media(max-width:360px){.lkt-category-cta-actions{width:100%!important;gap:7px!important}.lkt-category-cta-actions .lkt-category-cta-button,.lkt-category-cta-actions.is-single .lkt-category-cta-button{max-width:none!important;min-height:40px!important;padding:9px 8px!important;font-size:10.5px!important}}


/* Baseline — make the CTA container continue the hero's bottom gradient and preserve manual title line breaks. */
.lkt-warm-home-card{--lkt-home-action:#071a33!important;--lkt-warm-card:#071a33!important;background:#071a33!important}.lkt-warm-home-card .lkt-category-section{background:#071a33!important}.lkt-hero-slide::before{background:linear-gradient(to top,#071a33 0%,rgba(7,26,51,.80) 24%,rgba(7,26,51,.52) 43%,rgba(7,26,51,.18) 63%,rgba(7,26,51,0) 79%)}.lkt-hero-copy h1{white-space:pre-line}


/* Baseline — frosted in-hero brand search + per-element typography */
.lkt-hero-tools{top:14px!important;right:16px!important;left:16px!important;display:block!important}.lkt-brand-mark{display:none!important}.lkt-hero-search,.lkt-hero-search.is-open{display:grid!important;grid-template-columns:36px minmax(0,1fr) 36px!important;align-items:center!important;gap:5px!important;width:100%!important;min-height:46px!important;padding:4px 5px!important;border:1px solid rgba(255,255,255,.58)!important;border-radius:17px!important;background:rgba(255,255,255,.46)!important;box-shadow:0 9px 24px rgba(5,15,17,.16)!important;backdrop-filter:blur(17px) saturate(1.28)!important;-webkit-backdrop-filter:blur(17px) saturate(1.28)!important}.lkt-hero-search-brand{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:rgba(255,255,255,.48)}.lkt-hero-search-brand img{width:27px;height:27px;object-fit:contain}.lkt-hero-search input,.lkt-hero-search.is-open input{width:100%!important;min-width:0!important;padding:0 5px!important;opacity:1!important;color:#203337!important;font-size:11.5px!important;font-weight:650!important}.lkt-hero-search input::placeholder{color:rgba(36,54,58,.67)}.lkt-hero-search>button{width:34px!important;height:34px!important;border-radius:11px!important;background:rgba(0,161,229,.16)!important;color:#285bb2!important;box-shadow:none!important}.lkt-hero-search>button .lkt-icon{width:17px;height:17px}.lkt-search-results{top:51px!important;right:0!important;left:0!important;width:100%!important;max-width:none!important;padding:7px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:15px!important;background:rgba(247,252,251,.48)!important;box-shadow:0 18px 38px rgba(4,15,17,.20)!important;backdrop-filter:blur(19px) saturate(1.3)!important;-webkit-backdrop-filter:blur(19px) saturate(1.3)!important}.lkt-search-result{background:rgba(255,255,255,.16)!important;color:#203337!important}.lkt-search-result:hover,.lkt-search-result:focus-visible{background:rgba(255,255,255,.42)!important;transform:none!important}.lkt-search-result strong{color:#203337!important}.lkt-search-note{color:#32494d!important}.lkt-hero-slide{padding-top:70px!important}.lkt-hero-copy>span{width:100%!important;font-family:var(--lkt-hero-eyebrow-family,Inter,sans-serif)!important;font-size:min(var(--lkt-hero-eyebrow-size,10px),4vw)!important;font-weight:var(--lkt-hero-eyebrow-weight,800)!important;font-style:var(--lkt-hero-eyebrow-posture,normal)!important;line-height:var(--lkt-hero-eyebrow-line,1.2)!important;letter-spacing:var(--lkt-hero-eyebrow-spacing,.12em)!important;text-align:var(--lkt-hero-eyebrow-align,center)!important;text-transform:var(--lkt-hero-eyebrow-transform,uppercase)!important}.lkt-hero-copy h1{width:100%!important;font-family:var(--lkt-hero-title-family,Impact,sans-serif)!important;font-size:min(var(--lkt-hero-title-size,34px),10vw)!important;font-weight:var(--lkt-hero-title-weight,900)!important;font-style:var(--lkt-hero-title-posture,normal)!important;line-height:var(--lkt-hero-title-line,.98)!important;letter-spacing:var(--lkt-hero-title-spacing,-.045em)!important;text-align:var(--lkt-hero-title-align,center)!important;text-transform:var(--lkt-hero-title-transform,none)!important}.lkt-hero-copy p{width:100%!important;max-width:100%!important;font-family:var(--lkt-hero-text-family,Inter,sans-serif)!important;font-size:min(var(--lkt-hero-text-size,11px),5vw)!important;font-weight:var(--lkt-hero-text-weight,400)!important;font-style:var(--lkt-hero-text-posture,normal)!important;line-height:var(--lkt-hero-text-line,1.42)!important;letter-spacing:var(--lkt-hero-text-spacing,0em)!important;text-align:var(--lkt-hero-text-align,center)!important;text-transform:var(--lkt-hero-text-transform,none)!important}.lkt-hero-copy>span,.lkt-hero-copy h1,.lkt-hero-copy p{align-self:stretch!important}@media(max-width:360px){.lkt-hero-tools{right:12px!important;left:12px!important}.lkt-hero-search,.lkt-hero-search.is-open{grid-template-columns:32px minmax(0,1fr) 32px!important;min-height:42px!important}.lkt-hero-search-brand{width:30px;height:30px}.lkt-hero-search-brand img{width:24px;height:24px}.lkt-hero-search>button{width:30px!important;height:30px!important}.lkt-hero-search input,.lkt-hero-search.is-open input{font-size:10.5px!important}}


/* Baseline — typography stabilization, safe-area layout, lighter glass search */
.lkt-hero-search,.lkt-hero-search.is-open{border-color:rgba(255,255,255,.48)!important;background:rgba(255,255,255,.25)!important;box-shadow:0 8px 22px rgba(5,15,17,.13)!important;backdrop-filter:blur(10px) saturate(1.12)!important;-webkit-backdrop-filter:blur(10px) saturate(1.12)!important}.lkt-hero-search-brand{background:rgba(255,255,255,.30)!important}.lkt-hero-search>button{background:rgba(0,161,229,.13)!important}.lkt-search-results{border-color:rgba(255,255,255,.46)!important;background:rgba(247,252,251,.30)!important;backdrop-filter:blur(11px) saturate(1.14)!important;-webkit-backdrop-filter:blur(11px) saturate(1.14)!important}.lkt-search-result{background:rgba(255,255,255,.11)!important}.lkt-search-result:hover,.lkt-search-result:focus-visible{background:rgba(255,255,255,.29)!important}
.lkt-hero-slide{display:grid!important;grid-template-rows:82px minmax(0,1fr) 24px!important;align-items:stretch!important;padding:0 18px!important}.lkt-hero-copy{grid-row:2!important;align-self:end!important;justify-self:center!important;max-height:100%!important;margin:0 auto!important;overflow:hidden!important}.lkt-hero-copy>span{margin:0 0 6px!important}.lkt-hero-copy h1{margin:0 0 7px!important;white-space:pre-line!important}.lkt-hero-copy p{margin:0 0 9px!important}.lkt-hero-copy a{margin-top:1px!important}.lkt-hero-copy h1 br{display:none!important}
@media(max-width:360px){.lkt-hero-slide{grid-template-rows:76px minmax(0,1fr) 22px!important;padding-right:14px!important;padding-left:14px!important}}

/* Baseline — minimal frosted hero prev/next controls.
   Controls sit in the bottom navigation lane so they do not cover hero copy/search,
   while keeping a 44px touch target (42px on very narrow screens). */
.lkt-hero-arrows {
    position: absolute;
    z-index: 7;
    right: 10px;
    bottom: 5px;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}
.lkt-hero-arrow {
    display: grid;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(255,255,255,.38);
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    color: rgba(255,255,255,.96);
    box-shadow: 0 6px 18px rgba(0,0,0,.10);
    -webkit-backdrop-filter: blur(8px) saturate(1.08);
    backdrop-filter: blur(8px) saturate(1.08);
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
}
.lkt-hero-arrow .lkt-icon {
    width: 18px;
    height: 18px;
    stroke-width: 2;
}
.lkt-hero-arrow.is-prev .lkt-icon { transform: rotate(180deg); }
.lkt-hero-arrow:hover,
.lkt-hero-arrow:focus-visible {
    border-color: rgba(255,255,255,.62);
    background: rgba(255,255,255,.24);
    color: #fff;
    box-shadow: 0 7px 20px rgba(0,0,0,.14);
}
.lkt-hero-arrow:focus-visible {
    outline: 2px solid rgba(255,255,255,.92);
    outline-offset: 2px;
}
.lkt-hero-arrow:active { transform: scale(.95); }
@media (max-width:360px) {
    .lkt-hero-arrows { right: 7px; bottom: 4px; left: 7px; }
    .lkt-hero-arrow { width: 42px; height: 42px; }
    .lkt-hero-arrow .lkt-icon { width: 17px; height: 17px; }
}


/* Jarvis 1.0.1 — compact app-style bottom navigation */
.lkt-bottom-nav{
    right:auto!important;left:50%!important;bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:calc(100% - 30px)!important;max-width:450px!important;height:70px!important;
    justify-content:space-around!important;gap:3px!important;margin:0!important;padding:8px 10px!important;
    border:1px solid rgba(40,91,178,.10)!important;border-radius:24px!important;
    background:rgba(255,255,255,.96)!important;box-shadow:0 18px 44px rgba(31,53,84,.16)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
    transform:translateX(-50%)!important
}
.lkt-bottom-nav .lkt-nav-item{
    flex:0 1 auto!important;width:48px!important;height:48px!important;padding:0!important;
    border:0!important;border-radius:18px!important;background:transparent!important;color:#566171!important;
    box-shadow:none!important
}
.lkt-bottom-nav .lkt-nav-item .lkt-icon{width:23px!important;height:23px!important;stroke-width:1.85}
.lkt-bottom-nav .lkt-nav-item .lkt-nav-custom-icon{width:23px!important;height:23px!important;object-fit:contain}
.lkt-bottom-nav .lkt-nav-item span{display:none!important;margin:0!important;font-size:10.5px!important;font-weight:800!important;white-space:nowrap}
.lkt-bottom-nav .lkt-nav-item.is-active{
    width:auto!important;min-width:96px!important;max-width:132px!important;padding:0 15px!important;gap:7px!important;
    border-radius:18px!important;background:linear-gradient(135deg,rgba(0,161,229,.13),rgba(40,91,178,.14))!important;
    color:var(--lkt-primary-dark)!important;box-shadow:inset 0 0 0 1px rgba(40,91,178,.06)!important
}
.lkt-bottom-nav .lkt-nav-item.is-active span{display:block!important}
.lkt-bottom-nav .lkt-nav-item:hover{color:var(--lkt-primary-dark)!important;transform:translateY(-1px)!important}
.lkt-bottom-nav[data-count="5"]{gap:1px!important;padding-right:7px!important;padding-left:7px!important}
.lkt-bottom-nav[data-count="5"] .lkt-nav-item{width:42px!important;height:46px!important}
.lkt-bottom-nav[data-count="5"] .lkt-nav-item.is-active{min-width:82px!important;padding-right:11px!important;padding-left:11px!important}
@media(max-width:360px){
    .lkt-bottom-nav{width:calc(100% - 20px)!important;height:66px!important;padding:7px!important}
    .lkt-bottom-nav .lkt-nav-item{width:44px!important;height:44px!important}
    .lkt-bottom-nav .lkt-nav-item.is-active{min-width:88px!important;padding:0 12px!important}
    .lkt-bottom-nav .lkt-nav-item.is-active span{font-size:10px!important}
}

/* Jarvis 1.0.1 — Profile rebuilt as a mobile-app style identity/settings screen. */
.lkt-profile-app-page{padding-top:0!important}
.lkt-profile-app-shell{position:relative;margin:0 -2px 18px;padding:0 14px 17px;border:1px solid rgba(40,91,178,.09);border-radius:0 0 28px 28px;background:#fff;box-shadow:0 16px 38px rgba(31,53,84,.08)}
.lkt-profile-app-hero{position:relative;height:158px;margin:0 -14px;border-radius:0 0 34px 34px;overflow:hidden;background:linear-gradient(145deg,#183c79,#285bb2 56%,#00a1e5)}
.lkt-profile-app-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(140deg,rgba(17,43,84,.90),rgba(40,91,178,.72) 58%,rgba(0,161,229,.48)),var(--lkt-profile-cover);background-size:cover;background-position:center;filter:saturate(.92)}
.lkt-profile-app-hero:after{content:"";position:absolute;width:150px;height:150px;right:-54px;top:-70px;border-radius:50%;background:rgba(255,255,255,.08);box-shadow:-112px 76px 0 18px rgba(255,255,255,.035)}
.lkt-profile-app-hero-copy{position:absolute;z-index:2;top:22px;left:22px;color:#fff}
.lkt-profile-app-hero-copy span{display:block;margin-bottom:5px;font-size:9px;font-weight:900;letter-spacing:.16em;opacity:.72}
.lkt-profile-app-hero-copy strong{display:block;max-width:230px;font-size:16px;line-height:1.2;letter-spacing:-.02em}
.lkt-profile-app-identity{position:relative;z-index:3;margin-top:-49px;padding:0 12px;text-align:center}
.lkt-profile-app-avatar-wrap{position:relative;width:98px;height:98px;margin:0 auto 9px;padding:5px;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(31,53,84,.17)}
.lkt-profile-app-avatar{display:block;width:100%;height:100%;padding:6px;border-radius:50%;background:#f8fbff;object-fit:contain}
.lkt-profile-app-verified{position:absolute;right:2px;bottom:10px;display:grid;place-items:center;width:24px;height:24px;border:3px solid #fff;border-radius:50%;background:#f3b33e;color:#fff}
.lkt-profile-app-verified .lkt-icon{width:12px;height:12px;stroke-width:2.8}
.lkt-profile-app-identity h1{margin:0;color:var(--lkt-text);font-size:21px;line-height:1.1;letter-spacing:-.035em}
.lkt-profile-app-tagline{margin:5px 0 0;color:var(--lkt-primary-dark);font-size:10px;font-weight:800}
.lkt-profile-app-intro{display:-webkit-box;max-width:350px;margin:8px auto 0;overflow:hidden;color:var(--lkt-muted);font-size:10px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lkt-profile-app-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:17px 0 12px;padding:15px 5px;border:1px solid var(--lkt-line);border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(31,53,84,.07)}
.lkt-profile-app-stats div{text-align:center}.lkt-profile-app-stats div+div{border-left:1px solid var(--lkt-line)}
.lkt-profile-app-stats span{display:block;margin-bottom:4px;color:#8a96a6;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.lkt-profile-app-stats strong{display:block;overflow:hidden;color:var(--lkt-text);font-size:14px;line-height:1.2;text-overflow:ellipsis}
.lkt-profile-app-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:4px 2px 0}
.lkt-profile-app-actions a,.lkt-profile-app-actions button{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:7px 2px;border:0;background:transparent;color:var(--lkt-text);font-family:inherit;text-decoration:none;cursor:pointer}
.lkt-profile-app-actions a>span,.lkt-profile-app-actions button>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f0f5fb;color:var(--lkt-primary-dark);box-shadow:inset 0 0 0 1px rgba(40,91,178,.06)}
.lkt-profile-app-actions .lkt-icon{width:18px;height:18px}
.lkt-profile-app-actions small{display:block;max-width:100%;overflow:hidden;font-size:8.5px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}
.lkt-profile-app-actions .is-disabled{pointer-events:none;opacity:.38}
.lkt-profile-app-general{margin-top:10px}
.lkt-profile-app-section-title{margin:0 5px 9px}.lkt-profile-app-section-title span{display:block;color:#7f8ba0;font-size:9px;font-weight:900;letter-spacing:.15em}.lkt-profile-app-section-title p{margin:4px 0 0;color:var(--lkt-text);font-size:12px;font-weight:800}
.lkt-profile-menu-item{overflow:hidden;margin-bottom:8px;border:1px solid var(--lkt-line);border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(31,53,84,.045)}
.lkt-profile-menu-button{display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;background:#fff;color:var(--lkt-text);font-family:inherit;text-align:left;cursor:pointer}
.lkt-profile-menu-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f2f6fb;color:var(--lkt-primary-dark)}
.lkt-profile-menu-icon .lkt-icon{width:17px;height:17px}
.lkt-profile-menu-copy{min-width:0}.lkt-profile-menu-copy strong,.lkt-profile-menu-copy small{display:block}.lkt-profile-menu-copy strong{font-size:11px}.lkt-profile-menu-copy small{margin-top:3px;overflow:hidden;color:#8a96a6;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}
.lkt-profile-menu-arrow{color:#9ba6b3;font-size:23px;font-style:normal;line-height:1;transition:transform .2s ease}
.lkt-profile-menu-button[aria-expanded="true"] .lkt-profile-menu-arrow{transform:rotate(90deg);color:var(--lkt-primary)}
.lkt-profile-menu-content{padding:4px 16px 17px;border-top:1px solid #eef2f6;color:#5d6877;font-size:11px;line-height:1.75}
.lkt-profile-menu-content h3{margin:16px 0 6px;color:var(--lkt-text);font-size:14px;line-height:1.3}.lkt-profile-menu-content p{margin:0 0 11px}.lkt-profile-menu-content ul,.lkt-profile-menu-content ol{padding-left:19px}
.lkt-profile-legal-list{padding:10px}.lkt-profile-legal-list .lkt-accordion{background:#f8fbff}
.lkt-profile-app-page .lkt-about-cta{margin-top:14px;margin-bottom:8px}
@media(max-width:360px){.lkt-profile-app-shell{padding-right:11px;padding-left:11px}.lkt-profile-app-hero{margin-right:-11px;margin-left:-11px}.lkt-profile-app-stats strong{font-size:12px}.lkt-profile-app-actions{gap:3px}.lkt-profile-app-actions small{font-size:8px}}

/* ==========================================================================
   Jarvis KI 1.0.2 — approved UI refinement pack (2026-09-14)
   - Hero arrows removed; swipe/dots/autoplay remain JS-driven.
   - Homepage category cards and CTA buttons swap content positions.
   - Featured cards lose category/status badges and move progress to the bottom.
   - Compact CTA banner.
   - Campaign page gets an app-like layered shell without changing list-card data.
   - Profile cover extends behind identity/stats with a readable fade + social shortcuts.
   ========================================================================== */

/* Hero: arrows are intentionally gone from the template; keep this guard for cached markup. */
.lkt-hero-arrows,
.lkt-hero-arrow { display:none!important; }

/* Homepage: category cards now occupy the former CTA strip. */
.lkt-warm-home-card .lkt-category-section{
    margin-top:0!important;
    padding:13px 13px 0!important;
    background:#071a33!important;
}
.lkt-home-category-picker{
    margin:0 0 14px;
}
.lkt-category-picker-title{
    margin:0 0 9px;
    color:rgba(255,255,255,.70);
    font-size:9px;
    font-weight:850;
    letter-spacing:.10em;
    text-align:center;
    text-transform:uppercase;
}
.lkt-category-grid-portrait{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
}
.lkt-category-grid-portrait .lkt-category-card{
    position:relative!important;
    isolation:isolate;
    min-height:118px!important;
    overflow:hidden!important;
    gap:10px!important;
    padding:14px 5px 12px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:21px!important;
    background:#fff!important;
    box-shadow:0 9px 24px rgba(0,0,0,.13)!important;
    transform:none!important;
}
.lkt-category-grid-portrait .lkt-category-card::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(180deg,rgba(221,246,255,.98),rgba(0,161,229,.16));
    transform:scaleY(0);
    transform-origin:50% 100%;
    transition:transform .34s cubic-bezier(.22,.75,.24,1);
}
.lkt-category-grid-portrait .lkt-category-card:hover::before,
.lkt-category-grid-portrait .lkt-category-card:focus-visible::before,
.lkt-category-grid-portrait .lkt-category-card:active::before{
    transform:scaleY(1);
}
.lkt-category-grid-portrait .lkt-category-card>span{
    position:relative;
    z-index:1;
    width:48px!important;
    height:48px!important;
    flex:none;
    border-radius:50%!important;
    background:var(--lkt-accent)!important;
    color:var(--lkt-primary)!important;
    transition:transform .30s ease,background-color .30s ease,color .30s ease;
}
.lkt-category-grid-portrait .lkt-category-card:hover>span,
.lkt-category-grid-portrait .lkt-category-card:focus-visible>span{
    background:#fff!important;
    color:var(--lkt-primary-dark)!important;
    transform:translateY(-2px) scale(1.04)!important;
}
.lkt-category-grid-portrait .lkt-category-card strong{
    position:relative;
    z-index:1;
    display:-webkit-box!important;
    width:100%!important;
    overflow:hidden!important;
    color:var(--lkt-text)!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:normal!important;
    text-overflow:clip!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

/* The white card stays at the bottom; only its content becomes the two CTA buttons. */
.lkt-category-action-panel{
    margin:0 -13px!important;
    padding:17px 16px 18px!important;
    overflow:hidden;
    border-radius:28px 28px 0 0!important;
    background:#fff!important;
    box-shadow:0 -7px 22px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.10)!important;
}
.lkt-category-action-panel .lkt-category-cta-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    max-width:360px!important;
    margin:0 auto!important;
}
.lkt-category-action-panel .lkt-category-cta-button,
.lkt-category-action-panel .lkt-category-cta-actions.is-single .lkt-category-cta-button{
    flex:1 1 0!important;
    width:0!important;
    max-width:none!important;
    min-height:47px!important;
    padding:11px 12px!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,var(--lkt-primary-dark),var(--lkt-primary))!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:850!important;
    box-shadow:0 9px 20px rgba(40,91,178,.19)!important;
}
.lkt-category-action-panel .lkt-category-cta-button.is-secondary{
    border:1px solid rgba(40,91,178,.13)!important;
    background:#f6f9fd!important;
    color:var(--lkt-text)!important;
    box-shadow:0 7px 17px rgba(31,53,84,.08)!important;
}

/* Featured / Campaign Pilihan cards: no category badge, no remaining/status badge. */
.lkt-mini-cover>.lkt-category-tag,
.lkt-mini-body>.lkt-time-badge{display:none!important}
.lkt-mini-body{
    display:flex!important;
    min-height:128px;
    flex-direction:column;
}
.lkt-mini-amount{
    display:block;
    margin:0 0 8px;
    color:var(--lkt-primary);
    font-size:13px;
    font-weight:850;
}
.lkt-mini-body h3{margin-top:0!important;margin-bottom:8px!important}
.lkt-mini-progress-bottom{
    width:100%;
    margin-top:auto!important;
    height:5px!important;
}

/* Compact mid-page CTA banner: roughly half the visual weight of the previous version. */
.lkt-cta-card{
    min-height:126px!important;
    padding:15px 17px!important;
    border-radius:24px!important;
}
.lkt-cta-copy{width:72%!important}
.lkt-cta-copy>span{font-size:8px!important}
.lkt-cta-copy h2{
    margin:4px 0!important;
    font-size:17px!important;
    line-height:1.06!important;
}
.lkt-cta-copy p{
    display:-webkit-box;
    margin:0 0 8px!important;
    overflow:hidden;
    font-size:9px!important;
    line-height:1.35!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.lkt-cta-copy a{
    gap:5px!important;
    padding:7px 10px!important;
    border-radius:10px!important;
    font-size:9px!important;
}
.lkt-cta-copy a .lkt-icon{width:12px!important;height:12px!important}
.lkt-cta-symbol{
    top:24px!important;
    right:7px!important;
    width:79px!important;
    height:79px!important;
    transform:rotate(5deg)!important;
}
.lkt-cta-symbol img{width:60px!important;height:60px!important;border-radius:16px!important}
.lkt-cta-card:before{width:108px!important;height:108px!important;right:-37px!important;top:-54px!important}
.lkt-cta-card:after{width:72px!important;height:72px!important;right:13px!important;bottom:-39px!important}

/* Campaign page: compact app header + overlapping white control sheet. */
.lkt-campaign-app-page{
    padding-top:0!important;
}
.lkt-campaign-app-hero{
    position:relative;
    margin:0 -17px;
    padding:25px 22px 49px;
    overflow:hidden;
    border-radius:0 0 31px 31px;
    background:linear-gradient(145deg,var(--lkt-primary-dark),#2778ca 56%,var(--lkt-primary));
    color:#fff;
    box-shadow:0 13px 30px rgba(40,91,178,.18);
}
.lkt-campaign-app-hero::before,
.lkt-campaign-app-hero::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.lkt-campaign-app-hero::before{
    width:185px;height:185px;right:-72px;top:-92px;
    border:1px solid rgba(255,255,255,.11);
    box-shadow:-90px 118px 0 25px rgba(255,255,255,.035);
}
.lkt-campaign-app-hero::after{
    width:138px;height:138px;left:-77px;bottom:-77px;
    background:rgba(255,255,255,.045);
}
.lkt-campaign-app-head{
    position:relative;
    z-index:1;
    padding:0!important;
}
.lkt-campaign-app-head p{
    margin:0 0 5px!important;
    color:rgba(255,255,255,.77)!important;
    font-size:9px!important;
    font-weight:750!important;
}
.lkt-campaign-app-head h1{
    max-width:330px;
    margin:0!important;
    color:#fff!important;
    font-size:27px!important;
    line-height:1.03!important;
    letter-spacing:-.045em!important;
}
.lkt-campaign-app-head h1 span{color:#fff!important;opacity:.92}
.lkt-campaign-app-head .lkt-page-logo{
    top:-4px!important;
    right:0!important;
    width:48px!important;
    height:48px!important;
    border:1px solid rgba(255,255,255,.32)!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 9px 22px rgba(12,34,72,.18)!important;
}
.lkt-campaign-control-sheet{
    position:relative;
    z-index:3;
    margin:-28px 0 14px;
    padding:11px 10px 10px;
    border:1px solid rgba(40,91,178,.09);
    border-radius:22px;
    background:rgba(255,255,255,.98);
    box-shadow:0 14px 31px rgba(31,53,84,.11);
}
.lkt-campaign-control-sheet .lkt-page-search{
    margin:0 0 10px!important;
    padding:5px 5px 5px 12px!important;
    border-color:rgba(40,91,178,.10)!important;
    border-radius:16px!important;
    box-shadow:none!important;
    background:#f8fbff!important;
}
.lkt-campaign-control-sheet .lkt-page-search input{font-size:12px!important}
.lkt-campaign-control-sheet .lkt-page-search button{
    width:42px!important;height:42px!important;border-radius:13px!important;
}
.lkt-campaign-control-sheet .lkt-filter-chips{
    gap:7px!important;
    margin:0!important;
    padding:0!important;
}
.lkt-campaign-control-sheet .lkt-filter-chips button{
    padding:8px 13px!important;
    font-size:10px!important;
    border-color:rgba(40,91,178,.10)!important;
    background:#fff!important;
}
.lkt-campaign-control-sheet .lkt-filter-chips button.is-active{
    border-color:var(--lkt-primary)!important;
    background:linear-gradient(135deg,var(--lkt-primary-dark),var(--lkt-primary))!important;
    color:#fff!important;
}
.lkt-campaign-results-sheet{
    position:relative;
    padding:1px 0 0;
}
/* Do not redesign list cards in this patch. Existing list-card structure/styling is inherited verbatim. */

/* Profile: cover/background continues through identity + stats and fades to light for readability. */
.lkt-profile-app-shell{
    isolation:isolate;
    overflow:hidden!important;
    padding-bottom:17px!important;
    background:#f7fbff!important;
}
.lkt-profile-app-shell>*{position:relative;z-index:1}
.lkt-profile-app-shell::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0 0 auto;
    height:455px;
    background-image:
        linear-gradient(to bottom,rgba(17,49,96,.56) 0%,rgba(40,91,178,.38) 31%,rgba(240,248,255,.70) 65%,#f7fbff 91%),
        var(--lkt-profile-cover);
    background-position:center top;
    background-size:cover;
    filter:saturate(.94);
}
.lkt-profile-app-shell::after{
    content:"";
    position:absolute;
    z-index:0;
    top:305px;right:0;left:0;height:170px;
    background:linear-gradient(to bottom,rgba(247,251,255,0),#f7fbff 86%);
    pointer-events:none;
}
.lkt-profile-app-hero{
    height:171px!important;
    overflow:visible!important;
    background:transparent!important;
}
.lkt-profile-app-hero::before,
.lkt-profile-app-hero::after{display:none!important}
.lkt-profile-app-hero-copy{top:24px!important;left:23px!important;text-shadow:0 2px 12px rgba(5,24,55,.24)}
.lkt-profile-app-identity{margin-top:-52px!important}
.lkt-profile-app-identity h1{font-size:22px!important}
.lkt-profile-app-intro{
    max-width:365px!important;
    color:#5e7184!important;
    text-shadow:0 1px 8px rgba(255,255,255,.65);
}
.lkt-profile-app-stats{
    position:relative;
    z-index:2;
    margin-top:16px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 10px 25px rgba(31,53,84,.08)!important;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
}
.lkt-profile-social-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    margin-top:3px;
    padding:9px 7px 4px!important;
    border:1px solid rgba(40,91,178,.07);
    border-radius:18px;
    background:rgba(255,255,255,.78);
    box-shadow:0 8px 22px rgba(31,53,84,.05);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
}
.lkt-profile-social-actions a{
    padding:6px 2px 7px!important;
}
.lkt-profile-social-actions a>span{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    background:#f0f6fd!important;
}
.lkt-profile-social-actions small{font-size:9px!important}
.lkt-profile-social-custom-icon{width:21px;height:21px;object-fit:contain}

@media(max-width:360px){
    .lkt-category-grid-portrait{gap:6px!important}
    .lkt-category-grid-portrait .lkt-category-card{min-height:106px!important;padding:12px 3px 10px!important}
    .lkt-category-grid-portrait .lkt-category-card>span{width:43px!important;height:43px!important}
    .lkt-category-grid-portrait .lkt-category-card strong{font-size:8px!important}
    .lkt-category-action-panel{padding-right:11px!important;padding-left:11px!important}
    .lkt-category-action-panel .lkt-category-cta-actions{gap:7px!important}
    .lkt-category-action-panel .lkt-category-cta-button{min-height:43px!important;padding:9px 8px!important;font-size:10px!important}
    .lkt-cta-card{min-height:118px!important;padding:13px 14px!important}
    .lkt-cta-copy h2{font-size:15px!important}
    .lkt-cta-copy p{font-size:8.5px!important}
    .lkt-cta-symbol{top:23px!important;width:70px!important;height:70px!important}
    .lkt-cta-symbol img{width:53px!important;height:53px!important}
    .lkt-campaign-app-hero{margin-right:-13px;margin-left:-13px;padding-right:18px;padding-left:18px}
    .lkt-campaign-app-head h1{font-size:24px!important;padding-right:45px}
    .lkt-profile-app-shell::before{height:430px}
}


/* ==========================================================================
   Jarvis KI 1.0.3 — small UI corrections (2026-09-14)
   - Homepage category cards become compact, gradient-integrated tiles with thin stroke.
   - Campaign header/search/category strip follows approved layered flight-app reference.
   ========================================================================== */

/* Homepage categories: compact tiles that visually belong to the navy/blue hero. */
.lkt-home-category-picker{
    margin-bottom:12px!important;
}
.lkt-category-grid-portrait{
    gap:7px!important;
    align-items:stretch!important;
}
.lkt-category-grid-portrait .lkt-category-card{
    min-height:88px!important;
    gap:6px!important;
    padding:9px 3px 8px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:17px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,161,229,.045))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 14px rgba(0,0,0,.08)!important;
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
}
.lkt-category-grid-portrait .lkt-category-card::before{
    background:linear-gradient(180deg,rgba(0,161,229,.08),rgba(0,161,229,.34))!important;
}
.lkt-category-grid-portrait .lkt-category-card>span{
    width:38px!important;
    height:38px!important;
    border:1px solid rgba(255,255,255,.48)!important;
    background:rgba(221,246,255,.93)!important;
    box-shadow:0 4px 12px rgba(0,0,0,.08)!important;
}
.lkt-category-grid-portrait .lkt-category-card .lkt-icon{
    width:21px!important;
    height:21px!important;
}
.lkt-category-grid-portrait .lkt-category-card strong{
    color:#fff!important;
    font-size:8px!important;
    line-height:1.15!important;
    text-shadow:0 1px 5px rgba(0,0,0,.28);
}
.lkt-category-grid-portrait .lkt-category-card:hover,
.lkt-category-grid-portrait .lkt-category-card:focus-visible{
    border-color:rgba(255,255,255,.48)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 7px 18px rgba(0,0,0,.12)!important;
}
.lkt-category-grid-portrait .lkt-category-card:hover>span,
.lkt-category-grid-portrait .lkt-category-card:focus-visible>span{
    background:#fff!important;
    color:var(--lkt-primary-dark)!important;
}

/* Campaign: blue gradient header remains visibly behind the floating search. */
.lkt-campaign-app-hero{
    margin:0 -17px!important;
    padding:27px 22px 86px!important;
    border-radius:0 0 30px 30px!important;
    background:linear-gradient(145deg,#2b5eb8 0%,#247bc9 58%,#05a7df 100%)!important;
    box-shadow:none!important;
}
.lkt-campaign-app-head p{
    margin-bottom:6px!important;
    font-size:10px!important;
}
.lkt-campaign-app-head h1{
    max-width:315px!important;
    padding-right:54px;
    font-size:28px!important;
}
.lkt-campaign-control-sheet{
    position:relative!important;
    z-index:5!important;
    margin:-59px -3px 18px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.lkt-campaign-search-float{
    position:relative;
    z-index:2;
    margin:0 10px;
    padding:8px;
    border:1px solid rgba(255,255,255,.75);
    border-radius:20px;
    background:rgba(255,255,255,.95);
    box-shadow:0 12px 27px rgba(18,62,116,.17);
    -webkit-backdrop-filter:blur(11px);
    backdrop-filter:blur(11px);
}
.lkt-campaign-control-sheet .lkt-page-search{
    min-height:54px!important;
    margin:0!important;
    padding:5px 5px 5px 13px!important;
    border:1px solid rgba(40,91,178,.11)!important;
    border-radius:15px!important;
    background:#f9fbff!important;
    box-shadow:none!important;
}
.lkt-campaign-control-sheet .lkt-page-search>span{
    color:#8d9298!important;
}
.lkt-campaign-control-sheet .lkt-page-search input{
    font-size:12px!important;
}
.lkt-campaign-control-sheet .lkt-page-search button{
    width:43px!important;
    height:43px!important;
    border-radius:13px!important;
}
.lkt-campaign-category-strip{
    position:relative;
    z-index:1;
    margin:-1px 0 0;
    padding:18px 0 0;
    overflow:hidden;
}
.lkt-campaign-control-sheet .lkt-filter-tabs{
    display:flex!important;
    gap:0!important;
    margin:0!important;
    padding:0 10px 1px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
}
.lkt-campaign-control-sheet .lkt-filter-tabs::-webkit-scrollbar{display:none}
.lkt-campaign-control-sheet .lkt-filter-tabs button{
    position:relative;
    flex:0 0 88px!important;
    min-width:88px!important;
    min-height:57px!important;
    margin:0!important;
    padding:10px 7px 12px!important;
    border:0!important;
    border-right:1px solid #edf0f3!important;
    border-radius:0!important;
    background:#fff!important;
    color:#676b70!important;
    box-shadow:0 6px 15px rgba(31,53,84,.055)!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1.15!important;
    text-align:center!important;
    scroll-snap-align:start;
}
.lkt-campaign-control-sheet .lkt-filter-tabs button:first-child{
    border-radius:12px 0 0 12px!important;
}
.lkt-campaign-control-sheet .lkt-filter-tabs button:last-child{
    border-right:0!important;
    border-radius:0 12px 12px 0!important;
}
.lkt-campaign-control-sheet .lkt-filter-tabs button::after{
    content:"";
    position:absolute;
    right:9px;
    bottom:0;
    left:9px;
    height:2px;
    border-radius:3px 3px 0 0;
    background:transparent;
}
.lkt-campaign-control-sheet .lkt-filter-tabs button.is-active{
    background:#fff!important;
    color:var(--lkt-primary-dark)!important;
}
.lkt-campaign-control-sheet .lkt-filter-tabs button.is-active::after{
    background:linear-gradient(90deg,var(--lkt-primary-dark),var(--lkt-primary));
}
.lkt-campaign-results-sheet{
    margin-top:2px!important;
}

@media(max-width:360px){
    .lkt-category-grid-portrait{gap:5px!important}
    .lkt-category-grid-portrait .lkt-category-card{min-height:79px!important;padding:8px 2px 7px!important}
    .lkt-category-grid-portrait .lkt-category-card>span{width:34px!important;height:34px!important}
    .lkt-category-grid-portrait .lkt-category-card .lkt-icon{width:19px!important;height:19px!important}
    .lkt-category-grid-portrait .lkt-category-card strong{font-size:7.3px!important}
    .lkt-campaign-app-hero{margin-right:-13px!important;margin-left:-13px!important;padding:24px 18px 80px!important}
    .lkt-campaign-app-head h1{font-size:24px!important}
    .lkt-campaign-control-sheet{margin-top:-55px!important}
    .lkt-campaign-search-float{margin-right:7px;margin-left:7px;padding:7px}
    .lkt-campaign-control-sheet .lkt-filter-tabs{padding-right:7px!important;padding-left:7px!important}
    .lkt-campaign-control-sheet .lkt-filter-tabs button{flex-basis:82px!important;min-width:82px!important;min-height:53px!important;font-size:8.5px!important}
}

/* ========================================================================== 
   Jarvis KI 1.0.4 — Campaign shell + cleaner campaign cards (2026-09-14)
   ========================================================================== */

/* One continuous rectangular KI gradient behind title, floating search and category strip. */
.lkt-campaign-top-shell{
    position:relative;
    z-index:1;
    margin:0 -17px 24px;
    padding:0 17px 22px;
    overflow:hidden;
    border-radius:0;
    background:
        radial-gradient(circle at 89% 8%,rgba(255,255,255,.10) 0,rgba(255,255,255,.10) 64px,transparent 65px),
        radial-gradient(circle at 1% 92%,rgba(255,255,255,.055) 0,rgba(255,255,255,.055) 77px,transparent 78px),
        linear-gradient(145deg,#2b5eb8 0%,#247bc9 56%,#05a7df 100%);
}
.lkt-campaign-top-shell::before{
    content:"";
    position:absolute;
    top:-92px;
    right:-70px;
    width:210px;
    height:210px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:50%;
    pointer-events:none;
}
.lkt-campaign-app-hero{
    margin:0!important;
    padding:27px 5px 78px!important;
    overflow:visible!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.lkt-campaign-app-hero::before,
.lkt-campaign-app-hero::after{display:none!important}
.lkt-campaign-control-sheet{
    position:relative!important;
    z-index:5!important;
    margin:-61px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.lkt-campaign-search-float{
    margin:0 10px!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.76)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 12px 27px rgba(18,62,116,.18)!important;
}
.lkt-campaign-category-strip{
    margin:14px 0 0!important;
    padding:0!important;
    overflow:visible!important;
}
.lkt-campaign-control-sheet .lkt-filter-tabs{
    padding:0 10px 1px!important;
}
.lkt-campaign-control-sheet .lkt-filter-tabs button{
    min-height:58px!important;
    border-color:rgba(31,53,84,.08)!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 8px 18px rgba(18,62,116,.10)!important;
}
.lkt-campaign-results-sheet{
    margin-top:0!important;
}

/* Campaign cards: image → title → campaigner → amount → progress. */
.lkt-list-info,
.lkt-full-list .lkt-list-info{
    display:flex!important;
    flex-direction:column!important;
    min-height:100%!important;
}
.lkt-list-info>.lkt-category-tag,
.lkt-list-info>.lkt-time-badge,
.lkt-list-info .lkt-list-meta{display:none!important}
.lkt-list-info h3,
.lkt-full-list .lkt-list-info h3{
    margin-top:0!important;
}
.lkt-list-info .lkt-campaigner,
.lkt-full-list .lkt-list-info .lkt-campaigner{
    margin-bottom:8px!important;
}
.lkt-list-amount{
    display:block;
    margin-top:auto;
    margin-bottom:5px;
    color:var(--lkt-primary);
    font-size:12px;
    font-weight:850;
    line-height:1.15;
}
.lkt-list-progress-bottom{
    width:100%;
    height:4px!important;
    margin:0!important;
}

/* Featured cards use the same information hierarchy. */
.lkt-mini-body .lkt-campaigner{margin-bottom:8px!important}
.lkt-mini-amount{
    margin-top:auto!important;
    margin-bottom:6px!important;
}
.lkt-mini-progress-bottom{margin-top:0!important}

@media(max-width:360px){
    .lkt-campaign-top-shell{
        margin-right:-13px;
        margin-left:-13px;
        padding-right:13px;
        padding-left:13px;
    }
    .lkt-campaign-app-hero{padding:24px 5px 73px!important}
    .lkt-campaign-control-sheet{margin-top:-56px!important}
    .lkt-campaign-search-float{margin-right:7px!important;margin-left:7px!important;padding:7px!important}
    .lkt-campaign-control-sheet .lkt-filter-tabs{padding-right:7px!important;padding-left:7px!important}
    .lkt-list-amount{font-size:11px}
}


/* ========================================================================== 
   Jarvis KI 1.0.5 — compact campaign top + relocated homepage search (2026-09-14)
   ========================================================================== */

/* Homepage live search now sits between slider dots and category cards. */
.lkt-home-search-slot{
    position:relative!important;
    z-index:9!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    display:block!important;
    margin:6px 14px 10px!important;
    padding:0!important;
    pointer-events:auto!important;
}
.lkt-home-search-slot .lkt-hero-search,
.lkt-home-search-slot .lkt-hero-search.is-open{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr) 32px!important;
    gap:5px!important;
    width:100%!important;
    min-height:40px!important;
    padding:3px 4px!important;
    border:1px solid rgba(255,255,255,.30)!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,161,229,.035))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 14px rgba(0,0,0,.08)!important;
    -webkit-backdrop-filter:blur(6px)!important;
    backdrop-filter:blur(6px)!important;
}
.lkt-home-search-slot .lkt-hero-search-brand{
    width:30px!important;
    height:30px!important;
    border:1px solid rgba(255,255,255,.36)!important;
    border-radius:10px!important;
    background:rgba(221,246,255,.92)!important;
}
.lkt-home-search-slot .lkt-hero-search-brand img{width:23px!important;height:23px!important}
.lkt-home-search-slot .lkt-hero-search input,
.lkt-home-search-slot .lkt-hero-search.is-open input{
    width:100%!important;
    padding:0 5px!important;
    color:#fff!important;
    font-size:10.5px!important;
    font-weight:650!important;
    opacity:1!important;
}
.lkt-home-search-slot .lkt-hero-search input::placeholder{color:rgba(255,255,255,.68)!important}
.lkt-home-search-slot .lkt-hero-search>button{
    width:30px!important;
    height:30px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:10px!important;
    background:rgba(221,246,255,.10)!important;
    color:#dff7ff!important;
    box-shadow:none!important;
}
.lkt-home-search-slot .lkt-hero-search>button .lkt-icon{width:15px!important;height:15px!important}
.lkt-home-search-slot .lkt-search-results{
    top:45px!important;
    border-color:rgba(255,255,255,.24)!important;
    background:rgba(7,26,51,.92)!important;
    color:#fff!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;
}
.lkt-home-search-slot .lkt-search-result,
.lkt-home-search-slot .lkt-search-result strong,
.lkt-home-search-slot .lkt-search-note{color:#fff!important}
.lkt-home-search-slot .lkt-search-result:hover,
.lkt-home-search-slot .lkt-search-result:focus-visible{background:rgba(255,255,255,.10)!important}

/* Top search was removed, so reclaim that visual breathing room. */
.lkt-warm-home-card .lkt-hero-slide{padding-top:36px!important}

/* Category cards: keep them slim, but restore the taller portrait proportion requested. */
.lkt-category-grid-portrait .lkt-category-card{
    min-height:108px!important;
    padding-top:12px!important;
    padding-bottom:11px!important;
}
.lkt-category-grid-portrait .lkt-category-card>span{
    width:41px!important;
    height:41px!important;
}
.lkt-category-grid-portrait .lkt-category-card .lkt-icon{width:23px!important;height:23px!important}
.lkt-category-grid-portrait .lkt-category-card strong{font-size:8.2px!important}

/* Campaign top: same layered structure, but closer to the compact flight-app proportions. */
.lkt-campaign-top-shell{
    margin-bottom:16px!important;
    padding-bottom:12px!important;
}
.lkt-campaign-app-hero{
    padding:16px 5px 55px!important;
}
.lkt-campaign-app-head{
    min-height:82px;
    padding:0 56px!important;
    text-align:center!important;
}
.lkt-campaign-app-head p{
    margin:0 0 4px!important;
    font-size:8px!important;
    line-height:1.15!important;
    text-align:center!important;
}
.lkt-campaign-app-head h1{
    max-width:285px!important;
    margin:0 auto!important;
    padding-right:0!important;
    font-size:21px!important;
    line-height:1.02!important;
    text-align:center!important;
}
.lkt-campaign-app-head .lkt-page-logo{
    top:-2px!important;
    right:0!important;
    width:39px!important;
    height:39px!important;
    border-radius:13px!important;
}
.lkt-campaign-app-head .lkt-page-logo img{width:31px!important;height:31px!important}
.lkt-campaign-control-sheet{margin-top:-43px!important}
.lkt-campaign-search-float{
    margin:0 15px!important;
    padding:5px!important;
    border-radius:15px!important;
    box-shadow:0 8px 20px rgba(18,62,116,.15)!important;
}
.lkt-campaign-control-sheet .lkt-page-search{
    min-height:43px!important;
    padding:3px 4px 3px 10px!important;
    border-radius:11px!important;
}
.lkt-campaign-control-sheet .lkt-page-search>span .lkt-icon{width:17px!important;height:17px!important}
.lkt-campaign-control-sheet .lkt-page-search input{
    padding:7px 2px!important;
    font-size:10.5px!important;
}
.lkt-campaign-control-sheet .lkt-page-search button{
    width:35px!important;
    height:35px!important;
    border-radius:10px!important;
}
.lkt-campaign-control-sheet .lkt-page-search button .lkt-icon{width:16px!important;height:16px!important}
.lkt-campaign-category-strip{margin-top:9px!important}
.lkt-campaign-control-sheet .lkt-filter-tabs{padding:0 15px 1px!important}
.lkt-campaign-control-sheet .lkt-filter-tabs button{
    flex-basis:76px!important;
    min-width:76px!important;
    min-height:40px!important;
    padding:7px 5px 8px!important;
    font-size:8px!important;
    box-shadow:0 5px 12px rgba(18,62,116,.08)!important;
}
.lkt-campaign-control-sheet .lkt-filter-tabs button:first-child{border-radius:9px 0 0 9px!important}
.lkt-campaign-control-sheet .lkt-filter-tabs button:last-child{border-radius:0 9px 9px 0!important}
.lkt-campaign-results-sheet{margin-top:0!important}

@media(max-width:360px){
    .lkt-home-search-slot{margin-right:10px!important;margin-left:10px!important}
    .lkt-home-search-slot .lkt-hero-search,.lkt-home-search-slot .lkt-hero-search.is-open{min-height:38px!important;grid-template-columns:29px minmax(0,1fr) 29px!important}
    .lkt-home-search-slot .lkt-hero-search-brand,.lkt-home-search-slot .lkt-hero-search>button{width:27px!important;height:27px!important}
    .lkt-category-grid-portrait .lkt-category-card{min-height:98px!important;padding-top:10px!important;padding-bottom:9px!important}
    .lkt-category-grid-portrait .lkt-category-card>span{width:37px!important;height:37px!important}
    .lkt-category-grid-portrait .lkt-category-card .lkt-icon{width:21px!important;height:21px!important}
    .lkt-campaign-app-hero{padding:14px 4px 51px!important}
    .lkt-campaign-app-head{min-height:76px;padding-right:47px!important;padding-left:47px!important}
    .lkt-campaign-app-head h1{font-size:19px!important}
    .lkt-campaign-control-sheet{margin-top:-40px!important}
    .lkt-campaign-search-float{margin-right:11px!important;margin-left:11px!important;padding:4px!important}
    .lkt-campaign-control-sheet .lkt-filter-tabs{padding-right:11px!important;padding-left:11px!important}
    .lkt-campaign-control-sheet .lkt-filter-tabs button{flex-basis:72px!important;min-width:72px!important;min-height:38px!important;font-size:7.7px!important}
}

/* Keep the relocated search close to the category row. */
.lkt-warm-home-card .lkt-category-section{padding-top:5px!important}

/* ============================================================
   Jarvis KI 1.0.6 — moving-notch bottom navigation (2026-09-14)
   Visual-only navigation refresh. Existing links, Manager ordering,
   custom icons, 2–5 item support and active routing remain intact.
   ============================================================ */
.lkt-bottom-nav{
    --lkt-nav-x:50%;
    overflow:visible!important;
    isolation:isolate!important;
    height:64px!important;
    padding:8px 10px 7px!important;
    gap:0!important;
    border:1px solid rgba(123,198,255,.22)!important;
    border-radius:21px!important;
    background:linear-gradient(145deg,rgba(15,42,78,.98),rgba(20,62,111,.98))!important;
    box-shadow:0 18px 44px rgba(15,42,78,.26)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
}
.lkt-bottom-nav::before,
.lkt-bottom-nav::after{
    content:"";
    position:absolute;
    left:var(--lkt-nav-x);
    border-radius:50%;
    transform:translateX(-50%);
    pointer-events:none;
    opacity:0;
    transition:left .34s cubic-bezier(.2,.82,.22,1),opacity .18s ease,transform .34s cubic-bezier(.2,.82,.22,1);
}
/* Light circular cutout creates the concave moving notch. */
.lkt-bottom-nav::before{
    z-index:0;
    top:-27px;
    width:76px;
    height:76px;
    background:var(--lkt-bg,#f7fbff);
    box-shadow:0 6px 0 var(--lkt-bg,#f7fbff);
}
/* KI active bubble. */
.lkt-bottom-nav::after{
    z-index:1;
    top:-18px;
    width:58px;
    height:58px;
    border:1px solid rgba(255,255,255,.5);
    background:linear-gradient(145deg,#2f72c9 0%,#00a9e9 100%);
    box-shadow:0 10px 24px rgba(0,161,229,.30),inset 0 1px 0 rgba(255,255,255,.28);
}
.lkt-bottom-nav.has-active::before,
.lkt-bottom-nav.has-active::after{opacity:1}
.lkt-bottom-nav .lkt-nav-item,
.lkt-bottom-nav[data-count="5"] .lkt-nav-item{
    position:relative!important;
    z-index:2!important;
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    padding:0!important;
    gap:0!important;
    border:0!important;
    border-radius:16px!important;
    background:transparent!important;
    color:rgba(226,239,251,.62)!important;
    box-shadow:none!important;
    transform:none!important;
    transition:color .24s ease,transform .34s cubic-bezier(.2,.82,.22,1),opacity .24s ease!important;
}
.lkt-bottom-nav .lkt-nav-item:hover{
    color:#fff!important;
    transform:translateY(-1px)!important;
}
.lkt-bottom-nav .lkt-nav-item.is-active,
.lkt-bottom-nav[data-count="5"] .lkt-nav-item.is-active{
    min-width:0!important;
    padding:0!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    transform:translateY(-20px)!important;
}
.lkt-bottom-nav .lkt-nav-item.is-active:hover{transform:translateY(-20px)!important}
.lkt-bottom-nav .lkt-nav-item .lkt-icon,
.lkt-bottom-nav[data-count="5"] .lkt-nav-item .lkt-icon{
    width:22px!important;
    height:22px!important;
    stroke-width:1.9!important;
    filter:none!important;
}
.lkt-bottom-nav .lkt-nav-item.is-active .lkt-icon{width:23px!important;height:23px!important;stroke-width:2!important}
.lkt-bottom-nav .lkt-nav-custom-icon,
.lkt-bottom-nav[data-count="5"] .lkt-nav-custom-icon{
    width:22px!important;
    height:22px!important;
    object-fit:contain!important;
}
/* Keep labels as accessible names while rendering the reference's icon-only UI. */
.lkt-bottom-nav .lkt-nav-item span,
.lkt-bottom-nav .lkt-nav-item.is-active span,
.lkt-bottom-nav[data-count="5"] .lkt-nav-item.is-active span{
    display:block!important;
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
}
@media(max-width:360px){
    .lkt-bottom-nav{height:62px!important;padding:7px 8px 6px!important;border-radius:20px!important}
    .lkt-bottom-nav::before{top:-25px;width:72px;height:72px}
    .lkt-bottom-nav::after{top:-17px;width:55px;height:55px}
    .lkt-bottom-nav .lkt-nav-item,
    .lkt-bottom-nav[data-count="5"] .lkt-nav-item{height:46px!important}
    .lkt-bottom-nav .lkt-nav-item.is-active,
    .lkt-bottom-nav[data-count="5"] .lkt-nav-item.is-active{transform:translateY(-19px)!important}
}
@media(prefers-reduced-motion:reduce){
    .lkt-bottom-nav::before,.lkt-bottom-nav::after,.lkt-bottom-nav .lkt-nav-item{transition:none!important}
}


/* ============================================================
   Jarvis KI 1.0.7 — compact white footer + Campaign pattern (2026-09-14)
   ============================================================ */

/* Campaign top shell: replace the previous gradient ornament with a subtle
   geometric KI pattern while keeping the layered search/category structure. */
.lkt-campaign-top-shell{
    background-color:#2674c4!important;
    background-image:
        linear-gradient(30deg,rgba(255,255,255,.050) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.050) 87.5%,rgba(255,255,255,.050)),
        linear-gradient(150deg,rgba(255,255,255,.050) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.050) 87.5%,rgba(255,255,255,.050)),
        linear-gradient(30deg,rgba(14,65,127,.090) 12%,transparent 12.5%,transparent 87%,rgba(14,65,127,.090) 87.5%,rgba(14,65,127,.090)),
        linear-gradient(150deg,rgba(14,65,127,.090) 12%,transparent 12.5%,transparent 87%,rgba(14,65,127,.090) 87.5%,rgba(14,65,127,.090))!important;
    background-position:0 0,0 0,24px 42px,24px 42px!important;
    background-size:48px 84px!important;
}
.lkt-campaign-top-shell::before{
    top:auto!important;
    right:-56px!important;
    bottom:-74px!important;
    width:178px!important;
    height:178px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:32px!important;
    transform:rotate(32deg)!important;
    opacity:.75!important;
}
.lkt-campaign-app-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
}
.lkt-campaign-app-head p,
.lkt-campaign-app-head h1,
.lkt-campaign-app-head h1 span{
    text-align:center!important;
}

/* Footer reference: compact white pill, outline inactive icons, filled active
   icon, and a small lower notch that tracks the active item. */
.lkt-bottom-nav{
    --lkt-nav-x:50%;
    overflow:visible!important;
    isolation:isolate!important;
    height:58px!important;
    padding:7px 12px!important;
    gap:0!important;
    border:1px solid rgba(40,91,178,.10)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 14px 36px rgba(31,70,116,.16)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    backdrop-filter:blur(18px)!important;
}
/* Mask the bar's lower border at the active position so the bump reads as one shape. */
.lkt-bottom-nav::before{
    content:"";
    position:absolute;
    z-index:1;
    top:auto!important;
    bottom:-2px!important;
    left:var(--lkt-nav-x)!important;
    width:34px!important;
    height:7px!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    opacity:0;
    transform:translateX(-50%)!important;
    transition:left .28s cubic-bezier(.2,.82,.22,1),opacity .16s ease!important;
    pointer-events:none;
}
.lkt-bottom-nav::after{
    content:"";
    position:absolute;
    z-index:0;
    top:auto!important;
    bottom:-10px!important;
    left:var(--lkt-nav-x)!important;
    width:26px!important;
    height:14px!important;
    border:1px solid rgba(40,91,178,.10)!important;
    border-top:0!important;
    border-radius:0 0 15px 15px!important;
    background:#fff!important;
    box-shadow:0 7px 14px rgba(31,70,116,.08)!important;
    opacity:0;
    transform:translateX(-50%)!important;
    transition:left .28s cubic-bezier(.2,.82,.22,1),opacity .16s ease!important;
    pointer-events:none;
}
.lkt-bottom-nav.has-active::before,
.lkt-bottom-nav.has-active::after{opacity:1!important}
.lkt-bottom-nav .lkt-nav-item,
.lkt-bottom-nav[data-count="5"] .lkt-nav-item{
    position:relative!important;
    z-index:2!important;
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:43px!important;
    padding:0!important;
    gap:0!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#65758a!important;
    box-shadow:none!important;
    transform:none!important;
    transition:color .22s ease,transform .22s ease,opacity .22s ease!important;
}
.lkt-bottom-nav .lkt-nav-item:hover{
    color:#2f72c9!important;
    transform:translateY(-1px)!important;
}
.lkt-bottom-nav .lkt-nav-item.is-active,
.lkt-bottom-nav[data-count="5"] .lkt-nav-item.is-active{
    min-width:0!important;
    padding:0!important;
    background:transparent!important;
    color:#2f6fcb!important;
    box-shadow:none!important;
    transform:none!important;
}
.lkt-bottom-nav .lkt-nav-item.is-active:hover{transform:none!important;color:#00a1e5!important}
.lkt-bottom-nav .lkt-nav-item .lkt-icon,
.lkt-bottom-nav[data-count="5"] .lkt-nav-item .lkt-icon{
    width:21px!important;
    height:21px!important;
    stroke-width:1.9!important;
    filter:none!important;
    transition:fill .22s ease,stroke .22s ease,transform .22s ease!important;
}
.lkt-bottom-nav .lkt-nav-custom-icon,
.lkt-bottom-nav[data-count="5"] .lkt-nav-custom-icon{
    width:21px!important;
    height:21px!important;
    object-fit:contain!important;
}
/* Filled state per native icon keeps the visual close to the approved reference. */
.lkt-bottom-nav .lkt-nav-item[data-nav-type="home"].is-active .lkt-icon path{
    fill:currentColor!important;
    stroke:currentColor!important;
}
.lkt-bottom-nav .lkt-nav-item[data-nav-type="campaign"].is-active .lkt-icon path:first-child{
    fill:currentColor!important;
    stroke:currentColor!important;
}
.lkt-bottom-nav .lkt-nav-item[data-nav-type="campaign"].is-active .lkt-icon path:last-child{
    fill:none!important;
    stroke:#fff!important;
}
.lkt-bottom-nav .lkt-nav-item[data-nav-type="search"].is-active .lkt-icon circle{
    fill:currentColor!important;
    stroke:currentColor!important;
}
.lkt-bottom-nav .lkt-nav-item[data-nav-type="search"].is-active .lkt-icon path{
    fill:none!important;
    stroke:#fff!important;
}
.lkt-bottom-nav .lkt-nav-item[data-nav-type="about"].is-active .lkt-icon circle{
    fill:currentColor!important;
    stroke:currentColor!important;
}
.lkt-bottom-nav .lkt-nav-item[data-nav-type="about"].is-active .lkt-icon path{
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.15!important;
}
/* Keep labels for accessibility while rendering the icon-only UI. */
.lkt-bottom-nav .lkt-nav-item span,
.lkt-bottom-nav .lkt-nav-item.is-active span,
.lkt-bottom-nav[data-count="5"] .lkt-nav-item.is-active span{
    display:block!important;
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
}
@media(max-width:360px){
    .lkt-bottom-nav{height:56px!important;padding:6px 10px!important;border-radius:21px!important}
    .lkt-bottom-nav .lkt-nav-item,
    .lkt-bottom-nav[data-count="5"] .lkt-nav-item{height:42px!important}
    .lkt-bottom-nav::after{bottom:-9px!important;width:24px!important;height:13px!important}
}
@media(prefers-reduced-motion:reduce){
    .lkt-bottom-nav::before,.lkt-bottom-nav::after,.lkt-bottom-nav .lkt-nav-item{transition:none!important}
}

/* ============================================================
   Jarvis KI 1.0.8 — hero search + legalitas popup (2026-09-17)
   - Search kembali ke bagian atas hero sebagai translucent overlay.
   - Slot search lama diganti 2 tombol Legalitas PUB/LKS.
   - Popup menampilkan preview legalitas yang sudah dimasking pada data kontak/alamat sensitif.
   ============================================================ */
.lkt-hero-module{
    position:relative!important;
}
.lkt-home-search-slot{
    position:absolute!important;
    z-index:18!important;
    top:14px!important;
    right:14px!important;
    left:14px!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
}
.lkt-home-search-slot .lkt-hero-search,
.lkt-home-search-slot .lkt-hero-search.is-open{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 34px!important;
    gap:6px!important;
    width:100%!important;
    min-height:44px!important;
    padding:4px 5px!important;
    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:15px!important;
    background:rgba(8,31,58,.42)!important;
    box-shadow:0 9px 24px rgba(3,14,29,.18)!important;
    backdrop-filter:blur(12px) saturate(1.16)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.16)!important;
}
.lkt-home-search-slot .lkt-hero-search-brand{
    width:32px!important;
    height:32px!important;
    border:1px solid rgba(255,255,255,.48)!important;
    border-radius:10px!important;
    background:rgba(221,246,255,.94)!important;
}
.lkt-home-search-slot .lkt-hero-search-brand img{
    width:25px!important;
    height:25px!important;
}
.lkt-home-search-slot .lkt-hero-search input,
.lkt-home-search-slot .lkt-hero-search.is-open input{
    width:100%!important;
    min-width:0!important;
    padding:0 4px!important;
    color:#fff!important;
    font-size:10.8px!important;
    font-weight:680!important;
    opacity:1!important;
}
.lkt-home-search-slot .lkt-hero-search input::placeholder{
    color:rgba(255,255,255,.76)!important;
}
.lkt-home-search-slot .lkt-hero-search>button{
    width:32px!important;
    height:32px!important;
    border:1px solid rgba(255,255,255,.30)!important;
    border-radius:10px!important;
    background:rgba(221,246,255,.11)!important;
    color:#e4f8ff!important;
    box-shadow:none!important;
}
.lkt-home-search-slot .lkt-hero-search>button .lkt-icon{
    width:16px!important;
    height:16px!important;
}
.lkt-home-search-slot .lkt-search-results{
    top:50px!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    max-width:none!important;
    border-color:rgba(255,255,255,.24)!important;
    background:rgba(7,26,51,.95)!important;
    color:#fff!important;
    box-shadow:0 18px 40px rgba(0,0,0,.25)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
}
.lkt-home-search-slot .lkt-search-result,
.lkt-home-search-slot .lkt-search-result strong,
.lkt-home-search-slot .lkt-search-note{color:#fff!important}
.lkt-home-search-slot .lkt-search-result:hover,
.lkt-home-search-slot .lkt-search-result:focus-visible{background:rgba(255,255,255,.10)!important}

/* Give the hero image enough breathing room below the top search overlay. */
.lkt-warm-home-card .lkt-hero-slide{
    padding-top:70px!important;
}

/* Legalitas replaces the previous search slot under the slider. */
.lkt-home-legal-slot{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:6px 14px 10px;
}
.lkt-home-legal-button{
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    align-items:center;
    gap:7px;
    min-width:0;
    min-height:40px;
    padding:4px 10px 4px 5px;
    border:1px solid rgba(255,255,255,.30);
    border-radius:14px;
    background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,161,229,.045));
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 14px rgba(0,0,0,.08);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    font-family:inherit;
    text-align:left;
    cursor:pointer;
}
.lkt-home-legal-button:hover,
.lkt-home-legal-button:focus-visible{
    border-color:rgba(255,255,255,.55);
    background:rgba(255,255,255,.11);
    transform:translateY(-1px);
}
.lkt-home-legal-logo{
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.45);
    border-radius:10px;
    background:rgba(255,255,255,.94);
}
.lkt-home-legal-logo img{
    display:block;
    width:26px;
    height:26px;
    object-fit:contain;
}
.lkt-home-legal-button strong{
    min-width:0;
    overflow:hidden;
    font-size:9.8px;
    font-weight:800;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Legalitas modal */
.lkt-legal-modal[hidden]{display:none!important}
.lkt-legal-modal{
    position:fixed;
    z-index:3000;
    inset:0;
    display:grid;
    place-items:center;
    padding:18px;
}
.lkt-legal-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(3,16,31,.72);
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
}
.lkt-legal-dialog{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    width:min(438px,100%);
    max-height:min(86vh,760px);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.58);
    border-radius:24px;
    background:#f7fbff;
    box-shadow:0 30px 80px rgba(0,0,0,.34);
    animation:lktLegalIn .2s ease both;
}
.lkt-legal-dialog-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:15px 16px 12px;
    border-bottom:1px solid rgba(31,53,84,.08);
    background:rgba(255,255,255,.96);
}
.lkt-legal-dialog-head span{
    display:block;
    margin-bottom:3px;
    color:#00a1e5;
    font-size:8px;
    font-weight:900;
    letter-spacing:.16em;
}
.lkt-legal-dialog-head h2{
    margin:0;
    color:#1f3554;
    font-size:17px;
    line-height:1.15;
    letter-spacing:-.025em;
}
.lkt-legal-close{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:36px;
    height:36px;
    padding:0;
    border:1px solid rgba(31,53,84,.10);
    border-radius:12px;
    background:#f3f7fb;
    color:#1f3554;
    font-size:25px;
    line-height:1;
    cursor:pointer;
}
.lkt-legal-document{
    flex:1 1 auto;
    overflow:auto;
    padding:12px;
    background:#edf4fa;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
}
.lkt-legal-document img{
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    margin:0 auto;
    border-radius:10px;
    background:#fff;
    box-shadow:0 10px 30px rgba(31,53,84,.11);
    cursor:zoom-in;
    transition:width .2s ease;
}
.lkt-legal-document.is-zoomed img{
    width:175%;
    cursor:zoom-out;
}
.lkt-legal-hint{
    margin:0;
    padding:9px 15px 11px;
    border-top:1px solid rgba(31,53,84,.07);
    background:#fff;
    color:#7d8b9d;
    font-size:9px;
    font-weight:700;
    text-align:center;
}
html.lkt-legal-open,
html.lkt-legal-open body{overflow:hidden!important}
@keyframes lktLegalIn{
    from{opacity:0;transform:translateY(12px) scale(.985)}
    to{opacity:1;transform:none}
}

@media(max-width:360px){
    .lkt-home-search-slot{top:12px!important;right:10px!important;left:10px!important}
    .lkt-home-search-slot .lkt-hero-search,
    .lkt-home-search-slot .lkt-hero-search.is-open{grid-template-columns:30px minmax(0,1fr) 30px!important;min-height:40px!important}
    .lkt-home-search-slot .lkt-hero-search-brand,
    .lkt-home-search-slot .lkt-hero-search>button{width:29px!important;height:29px!important}
    .lkt-home-search-slot .lkt-hero-search-brand img{width:23px!important;height:23px!important}
    .lkt-warm-home-card .lkt-hero-slide{padding-top:64px!important}
    .lkt-home-legal-slot{gap:7px;margin-right:10px;margin-left:10px}
    .lkt-home-legal-button{grid-template-columns:27px minmax(0,1fr);min-height:38px;padding-right:7px}
    .lkt-home-legal-logo{width:27px;height:27px;border-radius:9px}
    .lkt-home-legal-logo img{width:23px;height:23px}
    .lkt-home-legal-button strong{font-size:8.9px}
    .lkt-legal-modal{padding:10px}
    .lkt-legal-dialog{max-height:90vh;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
    .lkt-legal-dialog{animation:none!important}
    .lkt-legal-document img{transition:none!important}
}