/* Közös, mobilos kezdőképernyő-telepítési panel */
.pwa-install-panel {
    position: fixed;
    z-index: 1080;
    right: max(1rem, env(safe-area-inset-right));
    bottom: max(1rem, env(safe-area-inset-bottom));
    left: max(1rem, env(safe-area-inset-left));
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .75rem 1rem;
    width: min(100% - 2rem, 34rem);
    margin-inline: auto;
    padding: 1rem 1.1rem;
    color: #2d3133;
    background: #f8f5ef;
    border: 1px solid rgba(112, 128, 144, .42);
    border-radius: 1rem;
    box-shadow: 0 .75rem 2.25rem rgba(35, 63, 61, .2);
    font-size: .94rem;
    line-height: 1.45;
}

.pwa-install-panel[hidden],
.pwa-install-panel__guide[hidden] {
    display: none !important;
}

.pwa-install-panel__close {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: #2d3133;
    background: transparent;
    border: 1px solid rgba(112, 128, 144, .55);
    border-radius: 50%;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.pwa-install-panel__content {
    grid-column: 1;
    grid-row: 1;
    padding-right: .25rem;
}

.pwa-install-panel__title {
    margin: 0 0 .35rem;
    color: #233f3d;
    font-size: 1.05rem;
    font-weight: 700;
}

.pwa-install-panel__description,
.pwa-install-panel__note {
    margin: 0;
}

.pwa-install-panel__description {
    color: #4e6265;
}

.pwa-install-panel__note {
    margin-top: .45rem;
    color: #708090;
    font-size: .82rem;
}

.pwa-install-panel__button {
    grid-column: 1 / -1;
    width: 100%;
    padding: .7rem 1rem;
    color: #fff;
    background: #356965;
    border: 1px solid #356965;
    border-radius: .7rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .2s ease, background-color .2s ease;
}

.pwa-install-panel__button:hover,
.pwa-install-panel__button:focus-visible {
    background: #263f3f;
    transform: translateY(-1px);
}

.pwa-install-panel__guide {
    grid-column: 1 / -1;
    margin: 0;
    padding-top: .7rem;
    border-top: 1px solid rgba(112, 128, 144, .3);
    color: #4e6265;
}

.pwa-install-panel__guide-title {
    margin: 0 0 .25rem;
    color: #233f3d;
    font-weight: 700;
}

.pwa-install-panel__guide ol {
    margin: .3rem 0 0 1.2rem;
    padding: 0;
}

@media (min-width: 768px) {
    .pwa-install-panel {
        display: none !important;
    }
}