.top-menu-content [data-kr-pwa-install][hidden]{display:none!important}
.kr-pwa-dialog{max-width:min(420px,calc(100vw - 32px));border:1px solid #7770A6;border-radius:16px;padding:24px;color:#30254F;background:#fff;box-shadow:0 20px 60px #30254F55}
.kr-pwa-dialog::backdrop{background:#17102999}
.kr-pwa-dialog h2{font-size:20px;margin:0 0 12px}
.kr-pwa-dialog p{line-height:1.55;margin:0 0 18px}
.kr-pwa-dialog button{background:#7770A6;color:#fff;border:0;border-radius:9px;padding:10px 20px;cursor:pointer;font-weight:700}

/* KAYROMA PWA — green text only */
.top-menu-content [data-kr-pwa-install],
.top-menu-content [data-kr-pwa-install]:hover,
.top-menu-content [data-kr-pwa-install]:focus-visible {
    color: #16803C !important;
    font-weight: 700;
}


/* KAYROMA PREMIUM VIOLET — installation menu */
.top-menu-content [data-kr-pwa-info],
.top-menu-content [data-kr-pwa-info]:hover,
.top-menu-content [data-kr-pwa-info]:focus-visible {
    color:#7770A6!important;
    background:transparent!important;
    font-weight:700;
}


/* KAYROMA PREMIUM VIOLET PWA INFO */
.top-menu-content [data-kr-pwa-info],
.top-menu-content [data-kr-pwa-info]:hover,
.top-menu-content [data-kr-pwa-info]:focus-visible {
    color:#7770A6!important;
    background:transparent!important;
    font-weight:700;
}

.kr-pwa-info-dialog {
    background:#EDE8FA;
    border:1px solid #7770A6;
    color:#30254F;
    width:min(440px,calc(100vw - 32px));
}

.kr-pwa-info-dialog ul {
    padding-left:22px;
    margin:0 0 24px;
    line-height:1.7;
}

.kr-pwa-info-dialog li {
    margin-bottom:10px;
}

.kr-pwa-info-actions {
    display:flex;
    gap:12px;
}

.kr-pwa-info-actions button {
    flex:1;
    background:#7770A6;
    color:white;
}

.kr-pwa-info-actions .kr-pwa-exit {
    background:white;
    color:#57448E;
    border:1px solid #7770A6;
}


/* KAYROMA PREMIUM VIOLET — FINAL PWA MODAL */
.kr-pwa-info-dialog {
    position:fixed!important;
    inset:0!important;
    margin:auto!important;
    box-sizing:border-box;
    width:min(480px,calc(100vw - 28px));
    max-width:480px;
    max-height:calc(100dvh - 28px);
    overflow-y:auto;
    background:#EDE8FA!important;
    color:#30254F!important;
    border:1px solid #7770A6!important;
    border-radius:18px;
    padding:24px;
    box-shadow:0 20px 65px rgba(48,37,79,.35);
}

.kr-pwa-info-dialog::backdrop {
    background:rgba(23,16,41,.65);
}

.kr-pwa-info-dialog h2 {
    color:#30254F;
    text-align:center;
    font-size:23px;
    margin:0 0 14px;
}

.kr-pwa-info-dialog p {
    text-align:center;
    font-weight:600;
    line-height:1.55;
    margin:0 0 20px;
}

.kr-pwa-info-dialog ul {
    padding-left:22px;
    margin:0 0 22px;
    line-height:1.55;
}

.kr-pwa-info-dialog li {
    margin-bottom:12px;
}

.kr-pwa-info-actions {
    display:flex;
    gap:12px;
    position:sticky;
    bottom:-24px;
    background:#EDE8FA;
    padding:12px 0 4px;
}

.kr-pwa-info-actions button {
    flex:1;
    min-height:44px;
    background:#7770A6!important;
    color:#fff!important;
    border-radius:10px;
}

.kr-pwa-info-actions .kr-pwa-exit {
    background:#fff!important;
    color:#57448E!important;
    border:1px solid #7770A6!important;
}

@media(max-width:480px) {
    .kr-pwa-info-dialog {
        padding:18px;
        font-size:14px;
    }
    .kr-pwa-info-dialog h2 {
        font-size:20px;
    }
    .kr-pwa-info-dialog li {
        margin-bottom:10px;
    }
    .kr-pwa-info-actions {
        bottom:-18px;
    }
}


/* KAYROMA PWA MODAL — FIVE LANGUAGES V1 */
.kr-pwa-info-dialog {
    position:fixed!important;
    inset:0!important;
    margin:auto!important;
    box-sizing:border-box;
    width:min(490px,calc(100vw - 24px));
    max-width:490px;
    max-height:calc(100dvh - 24px);
    overflow-y:auto;
    padding:18px 22px 20px;
    background:#F5F1FF!important;
    color:#30254F!important;
    border:1px solid #7770A6!important;
    border-radius:18px;
    box-shadow:0 24px 75px rgba(48,37,79,.4);
}

.kr-pwa-info-dialog::backdrop {
    background:rgba(25,16,46,.7);
}

.kr-pwa-modal-close {
    position:absolute;
    top:7px;
    right:9px;
    width:34px;
    height:34px;
    padding:0!important;
    background:transparent!important;
    color:#57448E!important;
    font-size:27px;
    line-height:1;
}

.kr-pwa-modal-art {
    display:block;
    width:100%;
    height:170px;
    object-fit:contain;
    margin:0 auto 5px;
}

.kr-pwa-info-dialog h2 {
    margin:0 0 8px;
    color:#57448E;
    text-align:center;
    font-size:24px;
    line-height:1.2;
}

.kr-pwa-modal-intro {
    margin:0 0 17px!important;
    color:#30254F;
    text-align:center;
    font-size:14px;
    line-height:1.4;
}

.kr-pwa-modal-benefits {
    display:flex;
    flex-direction:column;
    gap:11px;
}

.kr-pwa-modal-benefit {
    display:grid;
    grid-template-columns:39px minmax(0,1fr);
    align-items:start;
    gap:10px;
}

.kr-pwa-modal-symbol {
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#E4D9FA;
    color:#57448E;
    font-size:22px;
    font-weight:bold;
}

.kr-pwa-modal-benefit strong {
    display:block;
    color:#57448E;
    font-size:14px;
    line-height:1.25;
}

.kr-pwa-modal-benefit p {
    margin:3px 0 0!important;
    color:#30254F;
    font-size:12.5px;
    line-height:1.4;
}

.kr-pwa-info-actions {
    display:flex;
    gap:10px;
    position:sticky;
    bottom:-20px;
    margin-top:17px;
    padding:10px 0 2px;
    background:#F5F1FF;
}

.kr-pwa-info-actions button {
    flex:1;
    min-height:44px;
    border-radius:10px;
    background:#7770A6!important;
    color:#fff!important;
    font-size:16px;
    font-weight:700;
}

.kr-pwa-info-actions .kr-pwa-exit {
    background:#fff!important;
    color:#57448E!important;
    border:1px solid #7770A6!important;
}

@media(max-width:480px) {
    .kr-pwa-info-dialog {
        padding:14px 15px;
    }
    .kr-pwa-modal-art {
        height:125px;
    }
    .kr-pwa-info-dialog h2 {
        font-size:20px;
    }
    .kr-pwa-modal-benefits {
        gap:9px;
    }
    .kr-pwa-info-actions {
        bottom:-14px;
    }
}