.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 Board live variant for droidnelo.lat only */
.dn-board {
    color: #182234;
    background: #eef4ff;
}

.dn-board .wrap {
    background:
        linear-gradient(180deg, #eef4ff 0%, #f7fbff 340px, #eef4ff 100%);
}

.dn-board .header {
    background: rgba(255, 255, 255, 0.96);
    color: #172033;
    box-shadow: 0 1px 0 rgba(27, 50, 88, 0.08), 0 18px 38px rgba(39, 72, 114, 0.08);
}

.dn-board .apkashik-logo-text,
.dn-board .apkashik-logo-text:hover,
.dn-board .apkashik-logo-text:focus {
    width: 280px;
    color: #172033;
    font-size: 27px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.dn-board .apkashik-logo-text::before {
    content: "\f17b";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-right: 10px;
    border-radius: 8px;
    background: #1d8cff;
    color: #ffffff;
    font-family: FontAwesome;
    font-size: 22px;
    font-weight: 400;
    box-shadow: inset -8px -8px 0 rgba(37, 212, 137, 0.38);
}

.dn-board .search-box input,
.dn-board .search-box input:focus {
    height: 42px;
    border-radius: 8px;
    background: #f3f8ff;
    color: #182234;
    box-shadow: inset 0 0 0 1px #d4e0ef;
}

.dn-board .search-box input::placeholder {
    color: #74839a;
}

.dn-board .search-box button {
    color: #1d8cff !important;
}

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

.dn-board .btn-reg,
.dn-board .btn-login {
    border-radius: 6px;
    color: #182234 !important;
}

.dn-board .btn-login {
    background: #25d489;
    color: #062113 !important;
    font-weight: 800;
}

.dn-board .tmenu {
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(27, 50, 88, 0.08);
}

.dn-board .tmenu > ul li a,
.dn-board .tmenu > ul li span {
    color: #3b4b63;
    font-weight: 700;
}

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

.dn-board .cols {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    padding: 28px 0;
}

.dn-board .sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: auto;
    margin: 0;
}

.dn-board .side-box {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid #d9e5f3;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(47, 76, 118, 0.07);
}

.dn-board .side-box + .side-box {
    margin-top: 0;
}

.dn-board .side-bt {
    display: flex;
    align-items: center;
    min-height: 100%;
    padding: 18px;
    border-radius: 0;
    background: #172033;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
}

.dn-board .side-bc {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dn-board .top-item {
    min-width: 0;
    padding: 10px 12px;
    color: #172033;
}

.dn-board .top-item + .top-item {
    border-top: 0;
    border-left: 1px solid #eef3f9;
}

.dn-board .top-img {
    width: 44px;
    height: 44px;
    border-radius: 8px;
}

.dn-board .top-cat {
    color: #728198;
}

.dn-board .main {
    min-height: 0;
}

.dn-board .sect-header {
    margin-bottom: 18px;
    padding-left: 0;
}

.dn-board .sect-title,
.dn-board .sect-title h1,
.dn-board .sect-title h2,
.dn-board .sect-title h3 {
    color: #172033;
    font-size: 25px;
    font-weight: 800;
}

.dn-board .sect-title div {
    color: #65748b;
    font-size: 13px;
    line-height: 1.45;
    opacity: 1;
}

.dn-board .sect-icon {
    position: static;
    transform: none;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #d8e4f2;
    border-radius: 8px;
    background: #ffffff;
    color: #1d8cff;
}

.dn-board .sect-link {
    height: 38px;
    line-height: 38px;
    border: 1px solid #d8e4f2;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
}

.bd-control {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.7fr);
    gap: 18px;
    padding: 24px;
    border: 1px solid #d8e4f2;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 20px 48px rgba(47, 76, 118, 0.08);
}

.bd-control__copy {
    grid-row: span 2;
}

.bd-control__mark,
.bd-product-label {
    margin-bottom: 10px;
    color: #1d8cff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.bd-control h1 {
    max-width: 760px;
    margin: 0 0 12px;
    color: #172033;
    font-size: 33px;
    font-weight: 900;
    line-height: 1.16;
}

.bd-control p {
    max-width: 720px;
    margin: 0;
    color: #5d6d84;
    font-size: 16px;
    line-height: 1.62;
}

.bd-control__search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 54px;
    gap: 8px;
}

.bd-control__search input {
    height: 50px;
    border-radius: 8px;
    background: #f5f9ff;
    box-shadow: inset 0 0 0 1px #d5e1f0;
}

.bd-control__search button {
    width: 54px;
    height: 50px;
    padding: 0;
    border-radius: 8px;
    background: #1d8cff;
    color: #ffffff;
    font-size: 18px;
}

.bd-control__nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.bd-control__nav a,
.bd-control__nav a:hover {
    min-height: 42px;
    padding: 11px 12px;
    border-radius: 8px;
    background: #eef7ff;
    color: #155da5;
    font-weight: 800;
}

.bd-control__nav a:nth-child(2n) {
    background: #ecfbf4;
    color: #087342;
}

.bd-index-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.bd-index-strip a,
.bd-index-strip a:hover {
    display: block;
    min-height: 92px;
    padding: 16px;
    border: 1px solid #d8e4f2;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    box-shadow: 0 12px 26px rgba(47, 76, 118, 0.05);
}

.bd-index-strip b,
.bd-index-strip span {
    display: block;
}

.bd-index-strip b {
    margin-bottom: 7px;
    font-size: 15px;
    font-weight: 800;
}

.bd-index-strip span {
    color: #6c7b92;
    font-size: 12px;
}

.dn-board .bd-list-section .sect-cont {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
}

.dn-board .short {
    float: none;
    width: auto;
    padding: 0;
    margin: 0;
}

.dn-board .short-in {
    min-height: 156px;
    padding: 14px;
    border: 1px solid #d8e4f2;
    border-radius: 8px;
    background: #ffffff;
    text-align: left;
    box-shadow: 0 12px 28px rgba(47, 76, 118, 0.06);
}

.dn-board .short-link {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.dn-board .short-img {
    width: 72px;
    height: 72px;
    margin: 0;
    border-radius: 8px;
}

.dn-board .short-title {
    height: auto;
    min-height: 20px;
    margin-bottom: 6px;
    color: #172033;
    font-size: 16px;
    font-weight: 800;
}

.short-body {
    min-width: 0;
}

.short-meta {
    min-height: 22px;
    margin-bottom: 6px;
}

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

.dn-board .short-desc {
    height: 40px;
    color: #65748b;
    font-size: 12px;
    line-height: 1.45;
}

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

.dn-board .rate3-short {
    border-top-color: #e3ebf5;
}

.dn-board .bd-week {
    border: 1px solid #172033;
    border-radius: 8px;
    background: #172033;
    color: #ffffff;
}

.dn-board .bd-week:after {
    display: none;
}

.dn-board .bd-week .sect-title,
.dn-board .bd-week .sect-title h2,
.dn-board .bd-week .sect-title div {
    color: #ffffff;
}

.dn-board .bd-week .sect-icon {
    background: #25d489;
    color: #062113;
    border-color: #25d489;
}

.dn-board .bd-week .top-item {
    width: 32%;
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 8px;
    background: rgba(255,255,255,0.06);
}

.dn-board .bd-week .top-cat {
    color: rgba(255,255,255,0.68);
}

.dn-board .site-desc {
    margin-top: 38px;
    padding: 24px;
    border: 1px solid #d8e4f2;
    border-radius: 8px;
    background: #ffffff;
    color: #5d6d84;
    box-shadow: 0 12px 28px rgba(47, 76, 118, 0.04);
}

.dn-board .site-desc h2 {
    color: #172033;
    font-size: 24px;
    font-weight: 900;
}

.dn-board .site-desc a {
    color: #155da5;
}

.dn-board .speedbar {
    padding-left: 0;
    color: #6c7b92;
}

.dn-board .speedbar .fa {
    color: #1d8cff;
}

.dn-board .fone,
.dn-board .fcomms,
.dn-board .rels,
.dn-board .search-page {
    border: 1px solid #d8e4f2;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(47, 76, 118, 0.07);
}

.dn-board .fcols {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    padding: 28px;
}

.dn-board .fcol-left {
    width: auto;
    padding: 0;
}

.dn-board .fposter {
    width: 150px;
    height: 150px;
    margin: 0;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 16px 34px rgba(47, 76, 118, 0.16);
}

.dn-board .fcol-right {
    padding: 0;
}

.bd-product-label {
    color: #1d8cff;
}

.dn-board .fcols h1 {
    color: #172033;
    font-size: 31px;
    font-weight: 900;
    line-height: 1.18;
}

.bd-product-note {
    max-width: 760px;
    margin: -4px 0 16px;
    color: #5d6d84;
    font-size: 15px;
    line-height: 1.55;
}

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

.dn-board .fbtn-dl,
.dn-board .fdesc-title,
.dn-board .fdl-btn {
    background: #1d8cff;
    color: #ffffff;
}

.dn-board .fbtn-fav {
    color: #172033;
    box-shadow: inset 0 0 0 2px #25d489;
}

.dn-board .fcols2 {
    background: #f4f8fd;
    box-shadow: none;
}

.dn-board .finfo {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px;
}

.dn-board .finfo div {
    min-height: 44px;
    padding: 10px 0 10px 34px;
    border-bottom: 1px solid #dfe8f3;
}

.dn-board .finfo div .fa {
    left: 0;
    color: #1d8cff;
}

.dn-board .finfo div > .fa + span {
    position: static;
    display: inline;
    margin-right: 6px;
    color: #65748b;
}

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

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

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

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

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

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

.dn-board .fdl-desc {
    border-radius: 8px;
    background: #eef7ff;
}

.dn-board .fdl-desc > div,
.dn-board .fdl-old,
.dn-board .bunnyvpn-banner,
.dn-board .bunnyvpn-banner__image,
.dn-board .download-popup__dialog,
.dn-board .download-popup__ad-image {
    border-radius: 8px;
}

.dn-board .footer {
    background: #172033 !important;
    background-image: none !important;
}

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

@media (max-width: 1100px) {
    .dn-board .sidebar,
    .bd-control,
    .bd-index-strip,
    .dn-board .bd-list-section .sect-cont {
        grid-template-columns: 1fr;
    }

    .dn-board .side-box {
        grid-template-columns: 180px minmax(0, 1fr);
    }

    .dn-board .bd-week .top-item {
        width: 48%;
    }
}

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

    .bd-control {
        padding: 18px;
    }

    .bd-control h1 {
        font-size: 27px;
    }

    .bd-control__nav,
    .dn-board .side-box,
    .dn-board .side-bc,
    .dn-board .fcols,
    .dn-board .finfo {
        grid-template-columns: 1fr;
    }

    .dn-board .side-bt {
        min-height: auto;
    }

    .dn-board .short-link {
        grid-template-columns: 62px minmax(0, 1fr);
    }

    .dn-board .short-img {
        width: 62px;
        height: 62px;
    }

    .dn-board .bd-week .top-item {
        width: 100%;
    }

    .dn-board .fposter {
        width: 120px;
        height: 120px;
    }

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