:root {
    --red: #af0000;
    --red-dark: #8b0000;
    --text: #2d2d2d;
    --muted: #6b6b6b;
    --border: #ebebeb;
    --bg: #f7f7f7;
}
.entry-content { font-family: 'Cairo', sans-serif !important; }
.container-wrapper { padding: 15px 0; }

/* Breadcrumb */
.modern-breadcrumb { display:flex; align-items:center; gap:8px; margin-bottom:20px; font-size:13px; color:var(--muted); }
.modern-breadcrumb a { color:var(--red); text-decoration:none; font-weight:600; }
.delimiter { color:#ccc; }

/* Ref Post Card */
.ref-post-card { display:flex; flex-direction:column; align-items:center; background:#fff; border-radius:14px; padding:20px 16px; margin-bottom:16px; border:1px solid var(--border); box-shadow:0 3px 12px rgba(0,0,0,0.07); text-align:center; }
.ref-post-img-wrap { display:inline-block; }
.ref-post-img { width:160px; height:160px; object-fit:cover; border-radius:14px; display:block; box-shadow:0 4px 16px rgba(0,0,0,0.12); }
.ref-post-info { display:flex; flex-direction:column; align-items:center; gap:8px; padding-top:14px; width:100%; }
.ref-post-label { font-size:11px; font-weight:700; color:#fff; background:var(--red); display:inline-block; padding:3px 14px; border-radius:20px; }
.ref-post-title-link { font-size:16px; font-weight:800; color:var(--text); text-decoration:none; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ref-post-title-link:hover { color:var(--red); }

/* Info Box */
.download-info-box { background:#fff; border-radius:12px; padding:20px 22px; margin-bottom:16px; display:flex; gap:16px; align-items:flex-start; box-shadow:0 3px 12px rgba(0,0,0,0.07); border-right:4px solid var(--red); }
.info-icon { width:44px; height:44px; flex-shrink:0; background:linear-gradient(135deg,var(--red),var(--red-dark)); border-radius:10px; display:flex; align-items:center; justify-content:center; color:#fff; }
.download-info-box p { font-size:14px; line-height:1.8; color:var(--muted); margin:0; }
.site-link { color:var(--red); font-weight:700; text-decoration:none; }

/* Religious Reminder */
.religious-reminder { display:flex; align-items:center; gap:12px; background:#fffbf0; border:1px solid #f0dfa0; border-radius:12px; padding:14px 18px; margin-bottom:16px; }
.reminder-icon { width:36px; height:36px; background:#f4d03f; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#7d5a00; flex-shrink:0; }
.religious-reminder span { font-size:14px; color:#7d5a00; }

/* Progress */
.redirect-container { margin-bottom:20px; }
.timer-wrapper { text-align:center; }
.timer-label { font-size:16px; font-weight:700; color:var(--text); margin-bottom:16px; display:block; }
.progress-track { height:12px; background:#eee; border-radius:8px; overflow:hidden; margin-bottom:10px; box-shadow:inset 0 2px 4px rgba(0,0,0,0.08); }
.progress-fill { height:100%; width:0%; background:linear-gradient(90deg,var(--red-dark),var(--red)); border-radius:8px; transition:width 1s linear; box-shadow:0 0 8px rgba(175,0,0,0.4); }
.progress-details { display:flex; justify-content:space-between; font-size:13px; }
.progress-status { color:var(--muted); }
.progress-percentage { color:var(--red); font-weight:700; }

/* Download Button */
.download-button-wrapper { text-align:center; padding:16px 0; position:relative; z-index:50; clear:both; }
@keyframes slideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
@keyframes pulseRed { 0%{box-shadow:0 0 0 0 rgba(175,0,0,0.4)} 70%{box-shadow:0 0 0 14px rgba(175,0,0,0)} 100%{box-shadow:0 0 0 0 rgba(175,0,0,0)} }
.download-btn { display:inline-flex; align-items:center; gap:12px; padding:16px 40px; background:linear-gradient(135deg,var(--red),var(--red-dark)); color:#fff !important; text-decoration:none !important; border-radius:50px; font-size:17px; font-weight:800; animation:slideUp 0.5s ease, pulseRed 2s ease-out 0.6s infinite; position:relative; z-index:51; overflow:hidden; pointer-events:auto; cursor:pointer; touch-action:manipulation; transition:transform 0.2s, opacity 0.2s; }
.download-btn::before { content:''; position:absolute; top:0; left:-100%; width:60%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.22),transparent); animation:shine 2.5s ease-in-out 1s infinite; }
@keyframes shine { 0%{left:-100%} 50%,100%{left:200%} }
.download-btn:hover { opacity:0.9; transform:translateY(-2px); }
.download-btn:active { transform:scale(0.97); }
.btn-text { color:#fff !important; pointer-events:none; }
.btn-icon { pointer-events:none; display:flex; align-items:center; }

/* Telegram */
.telegram-banner { margin:20px 0; border-radius:50px; overflow:hidden; box-shadow:0 4px 16px rgba(0,136,204,0.2); }
.telegram-banner a { display:flex; align-items:center; justify-content:space-between; padding:11px 20px; background:linear-gradient(135deg,#0088cc,#006fa8); color:#fff; text-decoration:none; gap:10px; transition:all 0.2s; }
.telegram-banner a:hover { background:linear-gradient(135deg,#009adf,#0088cc); }
.telegram-content { display:flex; align-items:center; gap:8px; }
.telegram-icon { font-size:18px; animation:ring 2.5s ease-in-out infinite; }
@keyframes ring { 0%,100%{transform:rotate(0)} 10%,30%{transform:rotate(-8deg)} 20%,40%{transform:rotate(8deg)} }
.telegram-text { font-size:14px; font-weight:700; }
.telegram-subscribers { background:rgba(255,255,255,0.2); padding:4px 14px; border-radius:20px; font-size:12px; display:flex; gap:4px; align-items:center; }
.subscribers-count { font-weight:800; font-size:14px; }

/* Collapsible */
.collapsible-box { background:#fff; border:1px solid var(--border); border-right:4px solid var(--red); border-radius:12px; margin-bottom:14px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.05); transition:box-shadow 0.2s; }
.collapsible-box.open { box-shadow:0 4px 16px rgba(0,0,0,0.09); }
.collapsible-toggle { width:100%; display:flex; justify-content:space-between; align-items:center; padding:15px 18px; background:#fdf5f5; border:none; cursor:pointer; text-align:right; font-family:'Cairo',sans-serif; font-size:15px; font-weight:700; color:var(--red); gap:12px; transition:background 0.15s; }
.collapsible-toggle:hover { background:#faeaea; }
.toggle-title { flex:1; text-align:right; }
.toggle-icon { font-size:22px; font-weight:700; color:var(--red); line-height:1; flex-shrink:0; width:24px; text-align:center; }
.toggle-icon::before { content:'+'; }
.collapsible-box.open .toggle-icon::before { content:'−'; }
.collapsible-content { max-height:0; overflow:hidden; transition:max-height 0.35s ease, padding 0.35s ease; padding:0 18px; }
.collapsible-box.open .collapsible-content { max-height:500px; padding:16px 18px; }
.collapsible-content p { font-size:14px; color:var(--muted); line-height:1.9; margin:0 0 10px; }
.collapsible-content ul { padding-right:22px; margin:0; }
.collapsible-content ul li { font-size:14px; color:var(--text); margin-bottom:6px; line-height:1.7; }

/* Sections */
.dl-section-wrapper { background:#fff; border-radius:14px; padding:22px; margin-bottom:16px; border:1px solid var(--border); box-shadow:0 3px 12px rgba(0,0,0,0.06); }
.dl-section-title { display:flex; align-items:center; gap:8px; color:var(--red); font-size:17px; font-weight:800; margin-bottom:18px; padding-bottom:10px; border-bottom:2px solid var(--red); }

/* Categories */
.dl-categories-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; }
.dl-category-card { border:1px solid var(--border); border-radius:12px; padding:14px 10px; text-align:center; text-decoration:none; color:var(--text); display:flex; flex-direction:column; align-items:center; gap:6px; background:#fff; transition:all 0.25s cubic-bezier(.34,1.56,.64,1); }
.dl-category-card:hover { border-color:var(--red); color:var(--red); transform:translateY(-4px); box-shadow:0 8px 18px rgba(0,0,0,0.1); text-decoration:none; }
.dl-cat-icon { display:block; }
.dl-cat-name { font-size:12px; font-weight:700; display:block; }

/* Popular */
.dl-popular-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.dl-pop-card { border-radius:12px; overflow:hidden; background:#fff; border:1px solid var(--border); text-decoration:none; color:var(--text); display:block; transition:all 0.25s ease; }
.dl-pop-card:hover { box-shadow:0 6px 18px rgba(0,0,0,0.1); transform:translateY(-3px); text-decoration:none; color:var(--text); }
.dl-pop-img { width:100%; aspect-ratio:16/10; object-fit:cover; display:block; }
.dl-pop-img-placeholder { width:100%; aspect-ratio:16/10; background:#f0f0f0; display:flex; align-items:center; justify-content:center; }
.dl-pop-body { padding:6px 8px; }
.dl-pop-title { font-size:11px; font-weight:700; line-height:1.3; color:var(--text); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; }
.dl-pop-card:hover .dl-pop-title { color:var(--red); }

.adsbygoogle { position:relative; z-index:1; }

@media(max-width:768px){
    .dl-popular-grid { grid-template-columns:repeat(2,1fr); gap:8px; }
    .dl-categories-grid { grid-template-columns:repeat(3,1fr); }
    .download-btn { padding:14px 30px; font-size:16px; width:90%; justify-content:center; }
}
@media(max-width:480px){
    .dl-popular-grid { grid-template-columns:repeat(2,1fr); }
}