.apkashik-logo-text,
.apkashik-logo-text:hover,
.apkashik-logo-text:focus {
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}

.footer-brand,
.footer-brand:hover,
.footer-brand:focus {
    display: inline-block;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
}

.footer .ft-left,
.footer .ft-right {
    color: rgba(255, 255, 255, 0.82);
}

.footer {
    background-image: none !important;
    padding-top: 32px !important;
}

.footer .ft-left a,
.footer .ft-right a {
    color: #ffffff;
}

.bunnyvpn-banner {
    margin: 18px 0 26px;
    padding: 18px;
    border-radius: 20px;
    background: linear-gradient(180deg, #121a17 0%, #0b1110 100%);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.18);
}

.bunnyvpn-banner__image {
    display: block;
    overflow: hidden;
    border-radius: 16px;
}

.bunnyvpn-banner__image img {
    display: block;
    width: 100%;
    height: auto;
}

.bunnyvpn-banner__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.bunnyvpn-banner__link,
.bunnyvpn-banner__link:hover,
.bunnyvpn-banner__link:focus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #2aabee, #37b7ff, #2aabee);
    background-size: 200% 200%;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    box-shadow: 0 12px 30px rgba(42, 171, 238, 0.28);
    animation: apkashikTelegramGradient 5s ease infinite;
}

.bunnyvpn-banner__link .fa {
    font-size: 18px;
}

.fdl-btn-gp {
    margin-top: 0;
}

.download-popup {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
}

.download-popup[hidden] {
    display: none !important;
}

.download-popup.is-open {
    display: flex !important;
}

.download-popup__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(6, 12, 10, 0.82);
    backdrop-filter: blur(5px);
}

.download-popup__dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 520px);
    padding: 24px;
    border-radius: 24px;
    background: linear-gradient(180deg, #16211d 0%, #0f1714 100%);
    border: 1px solid rgba(65, 196, 116, 0.22);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.38);
}

.download-popup__close {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    cursor: pointer;
}

.download-popup__label {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.download-popup__title {
    margin-bottom: 18px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.15;
}

.download-popup__ad {
    margin-bottom: 18px;
}

.download-popup__ad-image {
    display: block;
    overflow: hidden;
    border-radius: 18px;
}

.download-popup__ad-image img {
    display: block;
    width: 100%;
    height: auto;
}

.download-popup__ad-text {
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    line-height: 1.55;
}

.download-popup__timer {
    margin-bottom: 16px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
}

.download-popup__timer span {
    color: #41c474;
    font-weight: 700;
}

.download-popup__action,
.download-popup__action:hover,
.download-popup__action:focus {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #2aabee, #37b7ff, #2aabee);
    background-size: 200% 200%;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    animation: apkashikTelegramGradient 5s ease infinite;
}

.download-popup__action.is-disabled {
    opacity: 0.65;
    pointer-events: none;
}

body.download-popup-open {
    overflow: hidden;
}

@keyframes apkashikTelegramGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@media (max-width: 760px) {
    .apkashik-logo-text {
        font-size: 22px;
        letter-spacing: 0.08em;
    }

    .footer-brand {
        font-size: 22px;
    }

    .bunnyvpn-banner {
        padding: 14px;
        margin: 16px 0 22px;
    }

    .bunnyvpn-banner__actions {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .download-popup__dialog {
        padding: 20px 18px;
        border-radius: 20px;
    }

    .download-popup__title {
        font-size: 24px;
    }
}

/* DroidNest live redesign for apkviro.lat only */
.dn-surface {
    color: #15202b;
    background: #f4f7fb;
}

.dn-surface .wrap {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(244,247,251,0.96) 320px),
        #f4f7fb;
}

.dn-surface .header {
    background: #ffffff;
    color: #15202b;
    box-shadow: 0 1px 0 rgba(30, 49, 72, 0.08), 0 12px 36px rgba(30, 49, 72, 0.06);
}

.dn-surface .apkashik-logo-text,
.dn-surface .apkashik-logo-text:hover,
.dn-surface .apkashik-logo-text:focus {
    width: 280px;
    color: #15202b;
    font-size: 28px;
    letter-spacing: 0;
    text-transform: none;
}

.dn-surface .apkashik-logo-text::before {
    content: "\f17b";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    border-radius: 8px;
    background: #1f9f63;
    color: #ffffff;
    font-family: FontAwesome;
    font-size: 21px;
    font-weight: 400;
}

.dn-surface .search-box input,
.dn-surface .search-box input:focus {
    height: 42px;
    border-radius: 8px;
    background: #f3f7fb;
    color: #172433;
    box-shadow: inset 0 0 0 1px #dbe5ef;
}

.dn-surface .search-box input::placeholder {
    color: #76879a;
}

.dn-surface .search-box button {
    color: #1f9f63 !important;
}

.dn-surface .login-btns {
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #dbe5ef;
}

.dn-surface .btn-login,
.dn-surface .btn-reg {
    border-radius: 6px;
    color: #15202b !important;
}

.dn-surface .btn-login {
    background: #1f9f63;
    color: #ffffff !important;
}

.dn-surface .tmenu {
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(30, 49, 72, 0.08);
}

.dn-surface .tmenu > ul li a,
.dn-surface .tmenu > ul li span {
    color: #425066;
    font-weight: 500;
}

.dn-surface .tmenu > ul li a:hover,
.dn-surface .tmenu > ul li span:hover {
    color: #1f9f63;
}

.dn-surface .side-box,
.dn-surface .short-in,
.dn-surface .fone,
.dn-surface .fcomms,
.dn-surface .search-page,
.dn-surface .mmenu-incat,
.dn-surface .sect-link,
.dn-surface .sect-icon {
    border: 1px solid #e0e8f1;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 42px rgba(30, 49, 72, 0.06);
}

.dn-surface .side-bt,
.dn-surface .fbtn-dl,
.dn-surface .fdesc-title,
.dn-surface .fdl-btn {
    background: #1f9f63;
    color: #ffffff;
}

.dn-surface .side-bt {
    border-radius: 8px 8px 0 0;
    font-size: 16px;
    font-weight: 500;
}

.dn-surface .sect-title,
.dn-surface .sect-title h1,
.dn-surface .sect-title h2,
.dn-surface .sect-title h3 {
    color: #15202b;
    font-size: 25px;
    font-weight: 500;
}

.dn-surface .sect-title div {
    color: #6f7f92;
    font-size: 13px;
    line-height: 1.45;
    opacity: 1;
}

.dn-surface .sect-icon {
    color: #1f9f63;
}

.dn-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 22px;
    padding: 28px;
    border: 1px solid #dce7f2;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(30, 49, 72, 0.07);
}

.dn-hero__label,
.dn-full-kicker {
    margin-bottom: 10px;
    color: #1f9f63;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.dn-hero h1 {
    max-width: 760px;
    margin: 0 0 14px;
    color: #111927;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.18;
}

.dn-hero p {
    max-width: 680px;
    margin: 0 0 20px;
    color: #5e6f83;
    font-size: 16px;
    line-height: 1.6;
}

.dn-hero__search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 132px;
    gap: 10px;
    max-width: 700px;
    margin-bottom: 16px;
}

.dn-hero__search input {
    height: 48px;
    border-radius: 8px;
    background: #f6f9fc;
    box-shadow: inset 0 0 0 1px #dbe5ef;
}

.dn-hero__search button {
    height: 48px;
    padding: 0 16px;
    border-radius: 8px;
    background: #1f9f63;
    color: #ffffff;
    font-weight: 700;
}

.dn-hero__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dn-hero__chips a,
.dn-hero__chips a:hover {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    background: #eef7f2;
    color: #167247;
    font-size: 13px;
    font-weight: 500;
}

.dn-hero__aside {
    display: grid;
    gap: 10px;
}

.dn-hero__aside div {
    padding: 16px;
    border-radius: 8px;
    background: #f6f9fc;
    border: 1px solid #dfe8f1;
}

.dn-hero__aside span {
    display: block;
    margin-bottom: 5px;
    color: #718195;
    font-size: 12px;
}

.dn-hero__aside b {
    display: block;
    color: #162436;
    font-size: 15px;
    line-height: 1.35;
}

.dn-quick-links {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.dn-quick-links__item,
.dn-quick-links__item:hover {
    min-height: 96px;
    padding: 16px;
    border: 1px solid #dfe8f1;
    border-radius: 8px;
    background: #ffffff;
    color: #15202b;
    box-shadow: 0 12px 32px rgba(30, 49, 72, 0.05);
}

.dn-quick-links__item .fa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 10px;
    border-radius: 8px;
    background: #e8f6ef;
    color: #1f9f63;
}

.dn-quick-links__item b,
.dn-quick-links__item small {
    display: block;
}

.dn-quick-links__item b {
    margin-bottom: 4px;
    font-size: 15px;
}

.dn-quick-links__item small {
    color: #738398;
    font-size: 12px;
    line-height: 1.35;
}

.dn-surface .short-in {
    min-height: 322px;
    text-align: left;
}

.dn-surface .short-img {
    width: 86px;
    height: 86px;
    margin: 0 0 14px;
    border-radius: 8px;
}

.dn-surface .short-title {
    height: auto;
    min-height: 20px;
    color: #15202b;
    font-weight: 500;
}

.short-meta {
    min-height: 22px;
    margin: 8px 0;
}

.short-meta span {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 3px 7px;
    border-radius: 6px;
    background: #eef3f8;
    color: #53677d;
    font-size: 11px;
}

.dn-surface .short-desc {
    height: 62px;
    color: #68798c;
    line-height: 1.45;
}

.short-cta,
.short-cta:hover {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    margin-top: 12px;
    padding: 0 12px;
    border-radius: 8px;
    background: #eef7f2;
    color: #167247;
    font-size: 12px;
    font-weight: 700;
}

.dn-surface .sect-weektop {
    border: 1px solid rgba(31, 159, 99, 0.28);
    border-radius: 8px;
    background: #15202b;
}

.dn-surface .sect-weektop:after {
    background: linear-gradient(90deg, rgba(21,32,43,0.96), rgba(31,159,99,0.78));
}

.dn-surface .site-desc {
    margin-top: 42px;
    padding: 24px;
    border: 1px solid #dfe8f1;
    border-radius: 8px;
    background: #ffffff;
    color: #5f7185;
    box-shadow: 0 14px 36px rgba(30, 49, 72, 0.04);
}

.dn-surface .site-desc h2 {
    color: #15202b;
    font-size: 24px;
    font-weight: 600;
}

.dn-surface .site-desc a {
    color: #1379b9;
}

.dn-full-kicker {
    margin-bottom: 8px;
}

.dn-full-lead {
    max-width: 720px;
    margin: -4px 0 16px;
    color: #63758a;
    font-size: 15px;
    line-height: 1.55;
}

.dn-surface .fcols h1 {
    color: #15202b;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.22;
}

.dn-surface .fposter {
    border-radius: 8px;
}

.dn-surface .fbtn-dl,
.dn-surface .fbtn-fav {
    border-radius: 8px;
}

.dn-surface .finfo div {
    padding-left: 178px;
}

.dn-surface .scr-box {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: normal;
    scroll-snap-type: x proximity;
}

.dn-surface .scr-box br {
    display: none !important;
}

.dn-surface .scr-box a,
.dn-surface .scr-box > img {
    flex: 0 0 auto;
    height: 230px;
    margin-right: 0;
    border-radius: 8px;
    scroll-snap-align: start;
}

.dn-surface .fdesc {
    padding: 28px;
}

.dn-surface .full-text {
    color: #4f6073;
    font-size: 15px;
    line-height: 1.75;
}

.dn-surface .full-text h2,
.dn-surface .full-text h3 {
    color: #15202b;
    font-size: 22px;
    line-height: 1.3;
}

.dn-surface .fdl-desc {
    border-radius: 8px;
    background: #eef7f2;
}

.dn-surface .fdl-desc > div,
.dn-surface .fdl-old {
    border-radius: 8px;
}

.dn-surface .footer {
    background: #172433 !important;
}

.dn-surface .footer-brand,
.dn-surface .footer-brand:hover,
.dn-surface .footer-brand:focus {
    letter-spacing: 0;
    text-transform: none;
}

@media (max-width: 1100px) {
    .dn-hero {
        grid-template-columns: 1fr;
    }

    .dn-hero__aside {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dn-quick-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .dn-surface .apkashik-logo-text,
    .dn-surface .apkashik-logo-text:hover,
    .dn-surface .apkashik-logo-text:focus {
        font-size: 24px;
        letter-spacing: 0;
    }

    .dn-hero {
        padding: 20px;
    }

    .dn-hero h1 {
        font-size: 28px;
    }

    .dn-hero__search {
        grid-template-columns: 1fr;
    }

    .dn-hero__aside,
    .dn-quick-links {
        grid-template-columns: 1fr;
    }

    .dn-surface .short-in {
        min-height: 0;
    }

    .dn-surface .fcols h1 {
        font-size: 25px;
    }

    .dn-surface .finfo div {
        padding-left: 0;
    }

    .dn-surface .finfo div .fa,
    .dn-surface .finfo div > .fa + span {
        position: static;
        display: inline-block;
        margin-right: 6px;
    }
}