.apps-page-section { background: var(--bg); padding-top: 110px; }

.free-badge-row { text-align: center; margin-bottom: 32px; }
.free-badge { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1.5px solid rgba(0,150,200,0.2); border-radius: 50px; padding: 10px 24px; font-size: 13px; font-weight: 700; color: var(--teal); box-shadow: 0 2px 10px rgba(0,100,160,0.08); }

.tab-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 40px; }
.tab-btn { padding: 11px 22px; border-radius: 50px; border: 2px solid rgba(0,120,180,0.2); background: #fff; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; color: var(--muted); cursor: pointer; transition: all 0.2s; }
.tab-btn:hover  { border-color: var(--teal); color: var(--teal); }
.tab-btn.active { background: linear-gradient(135deg, var(--teal), var(--blue)); border-color: transparent; color: #fff; box-shadow: 0 4px 14px rgba(0,150,200,0.35); }

.tab-section-header { display: flex; align-items: center; gap: 18px; margin-bottom: 32px; background: #fff; border-radius: 18px; padding: 20px 24px; box-shadow: 0 2px 12px rgba(0,80,140,0.07); }
.tab-section-icon  { font-size: 36px; }
.tab-section-title { font-family: 'Baloo 2', cursive; font-weight: 800; font-size: 20px; color: var(--navy); }
.tab-section-sub   { font-size: 13px; font-weight: 600; color: var(--muted); margin-top: 4px; }

.coming-soon-tab { text-align: center; background: #fff; border-radius: 28px; padding: 60px 40px; border: 2px dashed rgba(0,150,200,0.2); }
.cs-icon  { font-size: 64px; margin-bottom: 20px; display: block; }
.cs-title { font-family: 'Baloo 2', cursive; font-weight: 800; font-size: clamp(22px, 3vw, 30px); color: var(--navy); margin-bottom: 14px; }
.cs-text  { font-size: 15px; color: var(--muted); font-weight: 600; line-height: 1.65; max-width: 480px; margin: 0 auto; }

.android-apps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 40px; }
@media (max-width: 900px) { .android-apps-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .android-apps-grid { grid-template-columns: 1fr; } }

.android-app-card { background: #fff; border-radius: 20px; padding: 32px 28px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; box-shadow: 0 4px 20px rgba(0,80,140,0.09); border: 1.5px solid #e2e8f0; transition: transform 0.2s, box-shadow 0.2s; }
.android-app-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,80,140,0.14); }
.android-app-icon { width: 64px; height: 64px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 32px; flex-shrink: 0; }
.android-app-title { font-family: 'Baloo 2', cursive; font-weight: 800; font-size: 17px; color: var(--navy); line-height: 1.3; }
.android-app-desc { font-size: 13px; color: var(--muted); font-weight: 600; line-height: 1.65; flex: 1; }
.android-play-btn { display: inline-block; margin-top: 6px; }
.android-play-badge { height: 44px; display: block; }
.android-coming-soon-badge { display: inline-flex; align-items: center; margin-top: 6px; padding: 10px 24px; border-radius: 50px; background: #f1f5f9; border: 1.5px dashed rgba(0,80,140,0.25); color: var(--muted); font-weight: 800; font-size: 13px; }

.apps-info-box { display: flex; align-items: center; gap: 16px; background: linear-gradient(135deg, #e0f7fa, #f0f9ff); border: 1.5px solid rgba(0,150,200,0.2); border-radius: 18px; padding: 22px 28px; margin-top: 40px; }
.info-icon { font-size: 28px; flex-shrink: 0; }
.apps-info-box strong { color: var(--navy); }
.apps-info-box div   { font-size: 14px; color: var(--muted); font-weight: 600; line-height: 1.6; }
.info-link { color: var(--teal); font-weight: 800; text-decoration: none; }
.info-link:hover { text-decoration: underline; }