.app-page{margin:20px auto}
.app-page ul{margin:1em 0 1.5em 1.5em;padding:0;list-style:none}
.app-page ul li{position:relative;padding-left:1.8em}
.app-page ul li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;background:#0077ff;border-radius:50%}

.single-app-card{margin:0 auto;padding:20px;border-radius:12px;background:var(--bg-card-color);border:1px solid var(--border-card);display:flex;flex-direction:column;gap:15px}

.app-header-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:1em;border-bottom:1px solid var(--border)}
.single-app-logo{width:80px;height:80px;border-radius:16px;object-fit:cover;flex-shrink:0}
.app-header-text{flex-grow:1;display:flex;flex-direction:column;gap:6px}
.single-app-title{font-size:24px;font-weight:700;margin:0}
.app-short-desc{font-size:14px;line-height:1.4}
.app-description{border-bottom:1px solid var(--border);text-align:justify}

.cat-badge,.tag-badge{background:#e0f0ff;color:#2f87fa;padding:4px 10px;margin:2px 4px 2px 0;border-radius:8px;font-size:13px;text-decoration:none;white-space:nowrap}
.cat-badge:hover,.tag-badge:hover{background:#2f87fa;color:#fff}

.app-tags-block{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;line-height:1.35;padding-top:1em;border-top:1px solid var(--border)}

.tag-badge{display:inline-flex;align-items:center}

.related-apps{margin:20px auto}
.related-apps .app-card{gap:0}

.btn{min-width:150px}

.sticker-alert{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;background:#f8d7da;border:1px solid #dfd3d4;color:#58151c;border-radius:10px;padding:15px 20px;box-shadow:0 2px 6px rgba(0,0,0,.05);gap:15px;margin-bottom:1em;transition:background-color var(--transition-fast),color var(--transition-fast)}
[data-theme='dark'] .sticker-alert{background:#3a1a1e;border-color:#5b2b30;color:#f3c1c4}

.section-title{margin:1em}

@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:700px){
    .related-grid{grid-template-columns:repeat(2,1fr)}
    .app-tags-block{gap:8px 10px}
    .app-header-row{flex-direction:column;align-items:flex-start;gap:10px}
    .app-title{font-size:20px}
    .app-logo{width:70px;height:70px}
    .btn-tg{width:100%;box-sizing:border-box}
    .tag-badge,.category-badge{margin:6px 6px 6px 0;font-size:15px}
}