/* HABERLER.AZ — main.css */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;900&display=swap');
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Roboto',sans-serif;background:#f2f2f2;color:#333;font-size:13px;line-height:1.5}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block;object-fit:cover}
button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}
.W{max-width:980px;margin:0 auto;padding:0 8px}
/* STRIP */
.strip{background:#fff;border-bottom:1px solid #e5e5e5;padding:5px 0;font-size:11px}
.strip .W{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.strip-left,.strip-right{display:flex;align-items:center;gap:8px}
.s-social{display:flex;gap:3px}
.s-social a{width:19px;height:19px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700}
.s-fb{background:#3b5998}.s-tw{background:#1da1f2}.s-yt{background:#ff0000}.s-ig{background:#c13584}.s-tg{background:#0088cc}
.s-prayer{display:flex;gap:6px;align-items:center}
.s-pr-item{display:flex;align-items:center;gap:2px;font-size:10px}
.s-pr-n{color:#888}.s-pr-item b{color:#c00;font-weight:700}
.s-pr-item+.s-pr-item::before{content:'·';color:#ddd;margin-right:4px}
.s-weather,.s-date{font-size:11px;color:#666}
.lang-sw{display:flex;border:1px solid #ddd;border-radius:2px;overflow:hidden}
.lang-sw a{display:block;padding:3px 8px;font-size:10px;font-weight:700;color:#888;transition:all .15s;text-decoration:none}
.lang-sw a.on,.lang-sw a:hover{background:#c00;color:#fff}
/* HDR */
.hdr{background:#fff;padding:10px 0;border-bottom:3px solid #c00}
.hdr .W{display:flex;align-items:center;gap:12px}
.site-logo{display:flex;align-items:center;flex-shrink:0}
.logo-box{background:#c00;color:#fff;font-size:20px;font-weight:900;padding:5px 12px;letter-spacing:-1px}
.site-name-box{border-left:2px solid #c00;padding-left:10px;flex-shrink:0}
.site-name{display:block;font-size:16px;font-weight:900;color:#1a1a1a;letter-spacing:-.5px}
.site-sub{display:block;font-size:10px;color:#aaa}
.hdr-search{flex:1;max-width:380px;display:flex}
.hdr-search input{flex:1;border:1px solid #ddd;border-right:none;padding:8px 12px;font-size:12px;outline:none;background:#f9f9f9}
.hdr-search input:focus{border-color:#c00;background:#fff}
.hdr-search button{background:#c00;color:#fff;border:none;padding:8px 14px;font-size:11px;font-weight:700;white-space:nowrap}
.hdr-ad{flex:1;max-width:420px;min-height:65px;display:flex;align-items:stretch}
.hdr-ad .ad-ph{flex:1}
/* NAV */
.main-nav{background:#c00;position:sticky;top:0;z-index:500;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.nav-inner{display:flex;overflow-x:auto;scrollbar-width:none}
.nav-inner::-webkit-scrollbar{display:none}
.na{color:rgba(255,255,255,.88);font-size:12px;font-weight:500;padding:11px 13px;display:block;white-space:nowrap;border-bottom:3px solid transparent;transition:all .15s;text-decoration:none}
.na:hover,.na.act{background:rgba(0,0,0,.18);border-bottom-color:#fff;color:#fff}
.na.sp{background:rgba(0,0,0,.25);font-weight:700;border-bottom:none}
.hbg{display:none;background:none;border:none;color:#fff;font-size:20px;padding:8px 12px;margin-left:auto}
/* TICKER */
.ticker{background:#1a1a1a;height:33px;overflow:hidden}
.ticker .W{display:flex;height:33px;overflow:hidden}
.t-lbl{background:#c00;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fff;padding:0 12px;height:100%;display:flex;align-items:center;flex-shrink:0;white-space:nowrap}
.t-scroll{flex:1;overflow:hidden;height:100%}
.t-track{display:inline-flex;align-items:center;height:100%;white-space:nowrap;animation:ticker 35s linear infinite}
.t-track:hover{animation-play-state:paused}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.t-item{font-size:12px;color:#ddd;padding:0 24px 0 0;text-decoration:none;transition:color .15s}
.t-item:hover{color:#faa}
.t-dot{color:#c00;font-weight:700;padding-right:8px}
/* HERO */
.hero-grid{display:grid;grid-template-columns:1fr 210px 142px;gap:3px;margin-bottom:3px}
.hero-main,.hero-mini{position:relative;overflow:hidden;display:block;text-decoration:none}
.hero-main img{width:100%;height:308px;display:block;transition:transform .4s}
.hero-main:hover img{transform:scale(1.03)}
.hero-minis{display:flex;flex-direction:column;gap:3px}
.hero-mini{flex:1}
.hero-mini img{width:100%;height:100%;display:block;transition:transform .3s}
.hero-mini:hover img{transform:scale(1.06)}
.hero-ad-col{background:#f5f5f5;border:1px dashed #ccc}
.ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.12) 55%,transparent 100%)}
.ov-cnt{position:absolute;bottom:0;left:0;right:0;padding:14px}
.ov-mini{position:absolute;bottom:0;left:0;right:0;padding:7px}
.ov-cat{display:inline-block;background:#c00;color:#fff;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:2px 7px;border-radius:1px;margin-bottom:5px}
.ov-title{font-size:17px;font-weight:700;color:#fff;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.ov-meta{font-size:10px;color:rgba(255,255,255,.6);margin-top:5px}
.ov-mini-cat{font-size:9px;color:#faa;font-weight:700;text-transform:uppercase;margin-bottom:3px}
.ov-mini-title{font-size:11px;font-weight:600;color:#fff;line-height:1.3}
/* STAT BAR */
.stat-bar{background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;display:flex;justify-content:space-around}
.stat-item{display:flex;align-items:center;gap:5px;padding:6px 10px;border-right:1px solid #f0f0f0;font-size:11px;flex:1;justify-content:center;text-decoration:none;color:inherit;transition:background .15s}
.stat-item:last-child{border-right:none}
.stat-item:hover{background:#fafafa}
.s-num{font-weight:700;color:#c00;font-size:13px}
.s-lbl{color:#999}
/* SECTION HDR */
.sh{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding-bottom:7px;border-bottom:2px solid #c00}
.sh h2{font-size:14px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:6px}
.sh-badge{background:#c00;color:#fff;font-size:9px;padding:2px 6px;border-radius:1px;font-weight:700}
.sh-more{font-size:11px;color:#c00;border:1px solid #c00;padding:2px 8px;transition:all .15s;white-space:nowrap;text-decoration:none}
.sh-more:hover{background:#c00;color:#fff}
/* LAYOUT */
.page-row{display:flex;gap:10px;align-items:flex-start}
.main-col{flex:1;min-width:0}
.sb-col{width:215px;flex-shrink:0}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.g4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}
.bx{background:#fff;padding:12px;margin-bottom:8px}
/* CARD */
.card{background:#fff;overflow:hidden;cursor:pointer;transition:box-shadow .2s;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.card:hover{box-shadow:0 3px 14px rgba(0,0,0,.1)}
.c-img{width:100%;object-fit:cover;display:block}
.c-body{padding:8px 10px 10px;flex:1;display:flex;flex-direction:column}
.c-cat{font-size:9px;font-weight:700;color:#c00;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}
.c-title{font-size:12px;font-weight:600;color:#1a1a1a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:5px;flex:1}
.c-meta{font-size:10px;color:#bbb;display:flex;justify-content:space-between;border-top:1px solid #f5f5f5;padding-top:5px}
.hl-badge{display:inline-block;background:#c00;color:#fff;font-size:8px;font-weight:700;padding:1px 5px;border-radius:1px;margin-right:4px;vertical-align:middle;text-transform:uppercase}
/* HCARD */
.hc{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid #efefef;text-decoration:none;color:inherit}
.hc:last-child{border-bottom:none}
.hc:hover .hc-t{color:#c00}
.hc-img{width:78px;height:56px;object-fit:cover;border-radius:2px;flex-shrink:0;display:block}
.hc-body{flex:1;min-width:0}
.hc-cat{font-size:9px;font-weight:700;color:#c00;text-transform:uppercase;margin-bottom:3px}
.hc-t{font-size:12px;font-weight:600;color:#1a1a1a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}
.hc-m{font-size:10px;color:#bbb;margin-top:3px}
/* BULLET */
.bl{display:flex;gap:6px;padding:6px 0;border-bottom:1px dashed #eee;text-decoration:none;color:#1a1a1a;line-height:1.45;font-size:12px;transition:color .15s}
.bl:last-child{border-bottom:none}
.bl:hover{color:#c00}
.bl::before{content:'›';color:#c00;font-size:15px;line-height:1.2;flex-shrink:0;margin-top:-1px}
.bl-n{min-width:19px;height:19px;background:#c00;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:1px;margin-top:2px}
/* TABS */
.tab-bar{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:10px}
.tb{padding:7px 14px;font-size:12px;font-weight:600;color:#888;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit}
.tb.on{color:#c00;border-bottom-color:#c00}
.tb:hover:not(.on){color:#333}
/* SIDEBAR */
.sw{background:#fff;margin-bottom:8px;overflow:hidden}
.swh{padding:9px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-left:3px solid #c00;border-bottom:1px solid #f0f0f0;color:#1a1a1a}
.swh.grn{border-left-color:#2e7d32;border-bottom:none;background:#2e7d32;color:#fff;padding:9px 12px}
.swb-p{padding:10px 12px}
.pop-li{display:flex;gap:7px;padding:7px 10px;border-bottom:1px solid #f5f5f5;text-decoration:none;color:inherit;transition:background .15s}
.pop-li:last-child{border-bottom:none}
.pop-li:hover{background:#fafafa}
.pop-n{width:19px;height:19px;border-radius:50%;background:#c00;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.pop-t{font-size:11px;font-weight:500;color:#1a1a1a;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pop-m{font-size:9px;color:#bbb;margin-top:2px}
.au-mini{display:flex;gap:9px;padding:9px 12px;border-bottom:1px solid #f5f5f5;text-decoration:none;color:inherit}
.au-mini:hover{background:#fafafa}
.au-av{width:42px;height:42px;border-radius:50%;background:#fff0f0;border:2px solid #c00;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#c00;flex-shrink:0;overflow:hidden}
.au-av img{width:100%;height:100%;object-fit:cover}
.au-name{font-size:12px;font-weight:700;color:#1a1a1a;margin-bottom:2px}
.au-bio{font-size:10px;color:#aaa;line-height:1.4}
.cur-g{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.cur-i{background:#f9f9f9;border:1px solid #eee;padding:7px 9px;display:flex;justify-content:space-between;align-items:center}
.cur-n{font-size:11px;font-weight:700;color:#1a1a1a}
.cur-v{font-size:13px;font-weight:700;color:#c00}
.cur-c{font-size:9px;color:#bbb}
/* PRAYER TABLE */
.prayer-tbl{width:100%;border-collapse:collapse;font-size:11px}
.prayer-tbl tr td{padding:5px 0;border-bottom:1px dashed #eee;color:#555}
.prayer-tbl tr:last-child td{border-bottom:none}
.prayer-tbl tr td:last-child{text-align:right;font-weight:700;color:#c00}
/* MEDIA SEC */
.media-sec{background:#1c1c1c;padding:12px 0;margin:8px 0}
.media-sec .sh{border-bottom-color:#555}
.media-sec .sh h2{color:#eee}
.media-sec .sh-more{border-color:#888;color:#bbb}
.media-sec .sh-more:hover{background:#fff;color:#1c1c1c;border-color:#fff}
.vid-c{position:relative;overflow:hidden;cursor:pointer;border-radius:2px;display:block}
.vid-c img{width:100%;height:108px;display:block;transition:transform .3s}
.vid-c:hover img{transform:scale(1.05)}
.vid-ov{position:absolute;inset:0;background:rgba(0,0,0,.38);display:flex;align-items:center;justify-content:center;transition:background .2s}
.vid-c:hover .vid-ov{background:rgba(200,0,0,.45)}
.vid-play{width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;padding-left:3px;transition:transform .2s}
.vid-c:hover .vid-play{transform:scale(1.12)}
.vid-dur{position:absolute;bottom:5px;right:5px;background:rgba(0,0,0,.8);color:#fff;font-size:9px;padding:1px 5px;border-radius:1px}
.vid-title{font-size:11px;color:#ccc;margin-top:5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* HORO */
.horo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}
.horo-i{background:#fff;border:1px solid #eee;border-radius:2px;padding:8px 3px;text-align:center;cursor:pointer;transition:all .2s}
.horo-i:hover,.horo-i.on{border-color:#c00;background:#fff5f5}
.horo-em{font-size:18px;margin-bottom:3px}
.horo-nm{font-size:9px;font-weight:600;color:#666}
.horo-res{background:#fff;border-left:3px solid #c00;border:1px solid #eee;padding:11px 13px;margin-top:8px;display:none;font-size:12px;color:#444;line-height:1.6}
.horo-res.on{display:block}
/* POLL */
.poll-wrap{background:#f9f9f9;border:1px solid #eee;padding:13px}
.poll-q{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:10px;line-height:1.5}
.poll-o{display:flex;align-items:center;gap:7px;margin-bottom:6px;padding:4px;cursor:pointer;border-radius:2px}
.poll-o:hover{background:#f0f0f0}
.poll-o input{accent-color:#c00}
.poll-o label{font-size:12px;color:#444;cursor:pointer;flex:1}
.poll-btn{background:#c00;color:#fff;border:none;padding:8px 20px;font-size:12px;font-weight:700;font-family:inherit;margin-top:6px;border-radius:2px}
.poll-btn:hover{background:#a00}
/* CIN */
.cin-g{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.cin-c{cursor:pointer;text-decoration:none;color:inherit;display:block}
.cin-img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:3px;display:block;margin-bottom:4px;transition:transform .2s}
.cin-c:hover .cin-img{transform:scale(1.04)}
.cin-t{font-size:10px;font-weight:600;color:#1a1a1a;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cin-y{font-size:9px;color:#aaa}
.live-b{display:inline-flex;align-items:center;gap:3px;background:#c00;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:1px}
.live-d{width:5px;height:5px;background:#fff;border-radius:50%;animation:blink 1s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
/* ADS */
.ad-ph{background:#f5f5f5;border:1px dashed #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:#ccc;text-align:center;gap:3px}
.ad-link{display:block}
/* MISC */
.tag{background:#f0f0f0;color:#555;font-size:10px;padding:3px 8px;border-radius:2px;display:inline-block;cursor:pointer;transition:all .15s;margin:2px;text-decoration:none}
.tag:hover{background:#c00;color:#fff}
.pagination{display:flex;gap:4px;margin-top:16px;flex-wrap:wrap}
.pg{padding:5px 9px;border-radius:3px;font-size:12px;font-weight:600;border:1px solid #ddd;background:#fff;color:#555;text-decoration:none;transition:all .15s}
.pg:hover,.pg.active{background:#c00;color:#fff;border-color:#c00}
.flash{padding:10px 14px;border-radius:3px;margin-bottom:12px;font-size:12px;font-weight:500}
.flash-ok{background:#e8f5e9;color:#2e7d32;border-left:3px solid #4caf50}
.flash-err{background:#ffebee;color:#c62828;border-left:3px solid #e53935}
/* ARTICLE */
.art-cat-badge{display:inline-block;background:#c00;color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:1px;margin-bottom:8px;text-decoration:none}
.art-title{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.3;margin-bottom:11px}
.art-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:#aaa;padding-bottom:11px;border-bottom:2px solid #eee;flex-wrap:wrap}
.art-img{width:100%;max-height:420px;object-fit:cover;border-radius:3px;margin:14px 0;display:block}
.art-body{font-size:14px;line-height:1.85;color:#333}
.art-body p{margin-bottom:14px}
.art-body h2{font-size:18px;font-weight:700;margin:20px 0 10px}
.art-body blockquote{border-left:3px solid #c00;padding:10px 16px;background:#fafafa;margin:14px 0;font-style:italic;color:#555}
.art-body img{border-radius:3px;margin:10px 0;max-width:100%}
.share-bar{display:flex;align-items:center;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid #eee;flex-wrap:wrap}
.share-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:3px;font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:opacity .2s;text-decoration:none}
.share-btn:hover{opacity:.85}
.sh-fb{background:#1877f2;color:#fff}.sh-tw{background:#1da1f2;color:#fff}.sh-tg{background:#0088cc;color:#fff}.sh-wa{background:#25d366;color:#fff}
.breadcrumb{display:flex;align-items:center;gap:5px;font-size:11px;color:#aaa;margin-bottom:12px;flex-wrap:wrap}
.breadcrumb a{color:#c00;text-decoration:none}
.photo-c{position:relative;overflow:hidden;cursor:pointer;border-radius:2px;display:block}
.photo-c img{width:100%;height:106px;display:block;transition:transform .3s}
.photo-c:hover img{transform:scale(1.06)}
.photo-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 50%)}
.photo-ttl{position:absolute;bottom:0;left:0;right:0;padding:8px;font-size:10px;font-weight:600;color:#fff;line-height:1.3}
/* CONTACT */
.form-group{margin-bottom:12px}
.form-label{display:block;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#555;margin-bottom:5px}
.form-req{color:#c00}
.form-ctrl{width:100%;border:1px solid #ddd;border-radius:3px;padding:9px 12px;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s}
.form-ctrl:focus{border-color:#c00}
textarea.form-ctrl{resize:vertical;line-height:1.6}
.form-btn{background:#c00;color:#fff;border:none;padding:10px 28px;font-size:13px;font-weight:700;border-radius:3px;cursor:pointer;font-family:inherit}
.form-btn:hover{background:#a00}
/* AUTHOR CARD */
.au-card{background:#fff;padding:11px 10px;text-align:center;cursor:pointer;transition:box-shadow .2s;text-decoration:none;color:inherit;display:block}
.au-card:hover{box-shadow:0 3px 12px rgba(0,0,0,.08)}
.au-av-big{width:54px;height:54px;border-radius:50%;background:#fff0f0;border:2px solid #c00;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#c00;margin:0 auto 7px;overflow:hidden}
.au-av-big img{width:100%;height:100%;object-fit:cover}
.au-card-name{font-size:12px;font-weight:700;color:#1a1a1a;margin-bottom:2px}
.au-card-bio{font-size:10px;color:#aaa;margin-bottom:5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.au-card-ex{font-size:11px;color:#444;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* FOOTER */
footer{background:#1c1c1c;color:rgba(255,255,255,.55);padding:28px 0 0;margin-top:10px}
.foot-g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;margin-bottom:22px}
.f-logo{margin-bottom:6px}
.f-logo-r{background:#c00;padding:3px 9px;font-size:18px;font-weight:900;color:#fff;display:inline-block}
.f-site-name{font-size:13px;font-weight:700;color:#fff;margin-bottom:7px}
.f-desc{font-size:11px;line-height:1.7;color:rgba(255,255,255,.38);margin-bottom:12px}
.f-soc{display:flex;gap:5px}
.fsoc{width:26px;height:26px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;transition:opacity .2s;text-decoration:none}
.fsoc:hover{opacity:.75}
.ffb{background:#3b5998}.ftw{background:#1da1f2}.fyt{background:#ff0000}.fig{background:#c13584}.ftg{background:#0088cc}
.f-title{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#c00;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.07)}
.f-links{display:flex;flex-direction:column;gap:6px}
.f-links a{font-size:11px;color:rgba(255,255,255,.4);transition:color .15s;display:flex;align-items:center;gap:4px;text-decoration:none}
.f-links a::before{content:'›';color:#c00}
.f-links a:hover{color:#fff}
.f-bottom{border-top:1px solid rgba(255,255,255,.07);padding:11px 0;display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.28);flex-wrap:wrap;gap:5px}
.f-bl{display:flex;gap:12px}
.f-bl a{color:rgba(255,255,255,.28);text-decoration:none}.f-bl a:hover{color:rgba(255,255,255,.7)}
.btt{position:fixed;bottom:18px;right:18px;background:#c00;color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;z-index:600;opacity:0;pointer-events:none;transition:all .2s;box-shadow:0 3px 10px rgba(200,0,0,.4)}
.btt.on{opacity:1;pointer-events:auto}
.btt:hover{background:#a00;transform:translateY(-2px)}
.no-result{text-align:center;padding:50px;color:#aaa}
.nr-icon{font-size:44px;margin-bottom:10px}
/* RESPONSIVE */
@media(max-width:880px){
  .hero-grid{grid-template-columns:1fr 180px}
  .hero-ad-col{display:none}
  .sb-col{width:180px}
  .horo-grid{grid-template-columns:repeat(6,1fr)}
  .cin-g{grid-template-columns:repeat(4,1fr)}
  .foot-g{grid-template-columns:1fr 1fr}
  .hbg{display:block}
  .nav-inner{display:none;flex-direction:column;background:#c00;position:absolute;top:100%;left:0;right:0;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.3)}
  .nav-inner.open{display:flex}
  .na{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
  .s-prayer{display:none}
}
@media(max-width:640px){
  .hero-grid{grid-template-columns:1fr}
  .hero-minis,.hero-ad-col{display:none}
  .page-row{flex-direction:column}
  .sb-col{width:100%}
  .g3,.g4{grid-template-columns:1fr 1fr}
  .cin-g{grid-template-columns:repeat(3,1fr)}
  .horo-grid{grid-template-columns:repeat(4,1fr)}
  .art-title{font-size:18px}
  .hdr-ad{display:none}
}