@import url('https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Amiri:ital,wght@0,400;0,700;1,400&family=Cinzel:wght@400;600;700&family=Tajawal:wght@300;400;500;700&display=swap');
:root{--bg:#040E08;--s1:rgba(255,255,255,.04);--s2:rgba(255,255,255,.07);--bdr:rgba(212,168,32,.14);--bdr2:rgba(212,168,32,.38);--dk:#E8DCC8;--grn:#1B6B40;--grn2:#2D9A60;--gold:#D4A820;--gold2:#F0C84A;--mw:100%;--fa:'Amiri Quran','Amiri',serif;--fu:'Tajawal',sans-serif;--fc:'Cinzel',serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--fu);background:var(--bg);color:var(--dk);min-height:100vh;line-height:1.7}
a{color:var(--grn2);text-decoration:none;transition:color .2s}a:hover{color:var(--gold)}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:rgba(212,168,32,.3);border-radius:3px}
.site-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.sbg-mesh{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 12% 50%,rgba(27,107,64,.12) 0%,transparent 58%),radial-gradient(ellipse 50% 65% at 88% 18%,rgba(212,168,32,.07) 0%,transparent 52%)}
.sbg-geo{position:absolute;inset:0;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpolygon points='40,4 50,28 76,28 54,46 63,73 40,56 17,73 26,46 4,28 30,28' fill='none' stroke='%23D4A820' stroke-width='.8'/%3E%3C/svg%3E");background-size:80px 80px}
.sbg-letters{position:absolute;inset:0}
.bg-ar{position:absolute;font-family:'Amiri Quran',serif;color:rgba(212,168,32,.052);user-select:none;animation:bgar linear infinite}
@keyframes bgar{0%{transform:translateY(105vh) rotate(-4deg);opacity:0}5%{opacity:1}90%{opacity:.5}100%{transform:translateY(-15vh) rotate(9deg);opacity:0}}
.hdr{background:rgba(4,14,8,.94);border-bottom:1px solid var(--bdr);position:sticky;top:0;z-index:200;backdrop-filter:blur(24px)}
.hdr-in{max-width:var(--mw);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:.75rem;height:60px}
.logo{display:flex;align-items:center;gap:10px;color:var(--dk);text-decoration:none;flex-shrink:0}
.logo-ring{width:37px;height:37px;border-radius:50%;background:linear-gradient(135deg,var(--grn),var(--grn2));border:1.5px solid rgba(212,168,32,.26);display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.logo-nm{font-family:var(--fc);font-size:.92rem;font-weight:600;letter-spacing:.04em}
.logo-sb{font-size:.56rem;opacity:.45;display:block;margin-top:1px;letter-spacing:.08em;text-transform:uppercase}
.hnav a{color:rgba(232,220,200,.55);font-size:.78rem;padding:5px 11px;border-radius:17px;transition:all .2s}
.hnav a:hover{background:rgba(255,255,255,.06);color:var(--dk)}
.srch-wrap{flex:1;max-width:380px;margin:0 auto;position:relative}
.srch-inp{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--bdr);border-radius:22px;padding:8px 38px 8px 14px;color:var(--dk);font-family:var(--fu);font-size:.84rem;outline:none;transition:all .25s}
.srch-inp:focus{border-color:rgba(212,168,32,.42);background:rgba(255,255,255,.08)}
.srch-inp::placeholder{color:rgba(232,220,200,.32)}
.srch-ic{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:rgba(232,220,200,.3);font-size:.8rem;pointer-events:none}
.srch-drop{position:absolute;top:calc(100% + 8px);left:0;right:0;background:rgba(6,16,10,.97);border:1px solid var(--bdr2);border-radius:13px;z-index:300;display:none;backdrop-filter:blur(24px);overflow:hidden;max-height:340px;overflow-y:auto}
.srch-drop.open{display:block}
.sr-item{padding:10px 14px;border-bottom:1px solid rgba(212,168,32,.06);cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .14s}
.sr-item:hover{background:rgba(212,168,32,.06)}
.sr-ar{font-family:'Amiri Quran',serif;font-size:1.05rem;color:var(--gold);direction:rtl;min-width:44px;text-align:right;flex-shrink:0}
.sr-inf{flex:1;min-width:0}
.sr-nm{font-size:.84rem;font-weight:600;color:var(--dk)}
.sr-ml{font-size:.7rem;color:rgba(232,220,200,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-bdg{font-size:.64rem;background:rgba(212,168,32,.1);color:var(--gold);padding:1px 7px;border-radius:6px;white-space:nowrap;flex-shrink:0}
.sr-empty{padding:1.5rem;text-align:center;color:rgba(232,220,200,.3);font-size:.84rem}
.bc{background:rgba(0,0,0,.2);border-bottom:1px solid rgba(212,168,32,.06);padding:7px 0}
.bc-in{max-width:var(--mw);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:5px;font-size:.74rem;color:rgba(232,220,200,.4);flex-wrap:wrap}
.bc-in a{color:var(--grn2)}.bc-in a:hover{color:var(--gold)}.bc-sep{color:rgba(212,168,32,.25)}
.pg{width:100%;margin:0;padding:1.5rem 0 5rem;position:relative;z-index:1}
.gc{width:100%;border-radius:0;background:var(--s1);backdrop-filter:blur(14px);border:1px solid var(--bdr);border-radius:14px;overflow:hidden}
.ap{background:rgba(0,0,0,.42);border:1px solid var(--bdr);border-radius:13px;padding:.9rem 1.1rem;margin-bottom:1.5rem;backdrop-filter:blur(16px)}
.ap-top{display:flex;align-items:center;gap:10px;margin-bottom:.6rem;flex-wrap:wrap}
.ap-lbl{font-family:var(--fc);font-size:.7rem;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}
.ap-sel{background:rgba(212,168,32,.1);border:1px solid rgba(212,168,32,.24);color:var(--gold2);padding:4px 12px;border-radius:18px;font-family:var(--fu);font-size:.76rem;cursor:pointer;transition:all .2s;margin-left:auto;white-space:nowrap}
.ap-sel:hover{background:rgba(212,168,32,.18)}
.ap-ctrl{display:flex;align-items:center;gap:10px}
.ap-play{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,var(--grn),rgba(27,107,64,.6));border:1px solid rgba(45,154,96,.38);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s;flex-shrink:0;outline:none}
.ap-play:hover{background:var(--grn2)}
.ap-prg{flex:1;height:5px;background:rgba(255,255,255,.1);border-radius:3px;cursor:pointer;position:relative}
.ap-bar{height:100%;background:linear-gradient(90deg,var(--grn2),var(--gold));border-radius:3px;width:0%;transition:width .25s linear;pointer-events:none}
.ap-time{font-size:.7rem;color:rgba(232,220,200,.42);min-width:70px;text-align:right}
audio{display:none}
.hf-modal{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s}
.hf-modal.open{opacity:1;pointer-events:all}
.hf-ov{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}
.hf-box{position:relative;z-index:1;background:rgba(5,15,9,.97);border:1px solid rgba(212,168,32,.28);border-radius:18px;width:min(400px,92vw);overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.7);transform:scale(.95);transition:transform .22s}
.hf-modal.open .hf-box{transform:scale(1)}
.hf-hd{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.3rem .85rem;border-bottom:1px solid rgba(212,168,32,.1);background:rgba(212,168,32,.04)}
.hf-ttl{font-family:var(--fc);font-size:.84rem;color:var(--gold);letter-spacing:.05em}
.hf-cls{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:rgba(232,220,200,.55);width:27px;height:27px;border-radius:50%;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .18s}
.hf-list{padding:.5rem .4rem .7rem;max-height:360px;overflow-y:auto}
.hf-item{padding:.8rem 1rem;border-radius:9px;cursor:pointer;font-size:.88rem;color:rgba(232,220,200,.7);transition:all .16s;display:flex;align-items:center;gap:9px;border:1px solid transparent;margin-bottom:2px}
.hf-item:hover{background:rgba(212,168,32,.07);color:var(--dk)}
.hf-on{background:rgba(212,168,32,.11);color:var(--gold2);border-color:rgba(212,168,32,.26);font-weight:600}
.sc{display:flex;align-items:center;gap:11px;padding:11px 13px;background:var(--s1);border:1px solid var(--bdr);border-radius:11px;text-decoration:none;color:inherit;transition:all .18s;backdrop-filter:blur(8px)}
.sc:hover{border-color:rgba(212,168,32,.26);transform:translateY(-2px);box-shadow:0 7px 20px rgba(0,0,0,.3);background:var(--s2)}
.sc-n{min-width:33px;height:33px;background:linear-gradient(135deg,rgba(27,107,64,.28),rgba(27,107,64,.1));border:1px solid rgba(45,154,96,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fc);font-size:.7rem;color:var(--grn2);flex-shrink:0}
.sc-b{flex:1;min-width:0}
.sc-r{display:flex;justify-content:space-between;align-items:baseline;gap:5px}
.sc-tr{font-size:.93rem;font-weight:600;color:var(--dk)}
.sc-ar{font-family:'Amiri Quran',serif;font-size:1.08rem;color:var(--gold);direction:rtl}
.sc-m{font-size:.68rem;color:rgba(232,220,200,.35);margin-top:2px;display:flex;align-items:center;gap:5px}
.sc-dot{width:3px;height:3px;border-radius:50%;background:rgba(212,168,32,.32)}
.av{width:100%;border-radius:0;background:var(--s1);border:1px solid var(--bdr);border-radius:13px;overflow:hidden;margin-bottom:9px;backdrop-filter:blur(10px);transition:border-color .2s}
.av:hover{border-color:rgba(212,168,32,.18)}
.av-top{padding:1.4rem 1.6rem 1.15rem;display:flex;align-items:flex-start;gap:10px;flex-direction:row-reverse;border-bottom:1px solid rgba(212,168,32,.05)}
.av-num{min-width:31px;height:31px;background:rgba(212,168,32,.1);border:1px solid rgba(212,168,32,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fc);font-size:.68rem;color:var(--gold);flex-shrink:0}
.av-ar{font-family:var(--fa);font-size:clamp(1.35rem,3.8vw,1.95rem);direction:rtl;text-align:right;line-height:2.15;color:var(--dk);flex:1}
.av-tr{padding:.6rem 1.6rem;font-size:.84rem;font-style:italic;color:rgba(232,220,200,.45);background:rgba(0,0,0,.18);border-bottom:1px solid rgba(212,168,32,.04);line-height:1.6}
.av-ml{padding:.85rem 1.6rem .9rem;font-size:.96rem;color:rgba(232,220,200,.8);line-height:1.8}
.av-ft{padding:7px 1.6rem;border-top:1px solid rgba(212,168,32,.04);display:flex;justify-content:space-between;align-items:center}
.av-ft a{font-size:.7rem;color:var(--grn2)}.av-ft a:hover{color:var(--gold)}
.acc{border:1px solid var(--bdr);border-radius:8px;overflow:hidden;margin-bottom:4px;backdrop-filter:blur(8px)}
.acc-hd{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;cursor:pointer;background:rgba(0,0,0,.26);transition:background .15s;user-select:none}
.acc-hd:hover{background:rgba(212,168,32,.04)}
.acc-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0;flex-wrap:wrap}
.acc-nm{font-family:var(--fc);font-size:.79rem;font-weight:600;color:var(--dk);letter-spacing:.02em}
.acc-bk{font-size:.62rem;color:rgba(232,220,200,.32);border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04);padding:1px 7px;border-radius:6px}
.acc-lg{font-size:.62rem;padding:1px 7px;border-radius:6px;font-weight:600;flex-shrink:0;border:1px solid}
.acc-tr{background:rgba(27,107,64,.18);color:var(--grn2);border-color:rgba(45,154,96,.18)}
.acc-en{background:rgba(212,168,32,.09);color:var(--gold);border-color:rgba(212,168,32,.18)}
.acc-ot{background:rgba(255,255,255,.04);color:rgba(232,220,200,.38);border-color:rgba(255,255,255,.06)}
.acc-arr{color:var(--gold);font-size:.6rem;transition:transform .22s;flex-shrink:0;margin-left:6px;opacity:.6}
.acc-arr.open{transform:rotate(180deg)}
.acc-body{display:none;padding:.6rem .95rem .7rem;background:var(--s1);border-top:1px solid rgba(212,168,32,.05)}
.acc-body.open{display:block}
.acc-txt{font-size:.88rem;color:rgba(232,220,200,.84);line-height:1.6}
.acc-note{font-size:.8rem;font-style:italic;color:rgba(232,220,200,.38);margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(212,168,32,.06)}
.acc.custom-meal .acc-hd{background:rgba(212,168,32,.06);border-bottom:1px solid rgba(212,168,32,.12)}
.sh{display:flex;align-items:center;gap:9px;margin-bottom:.95rem}
.sh h2{font-family:var(--fc);font-size:.95rem;font-weight:600;color:var(--dk);letter-spacing:.04em}
.sh-ln{flex:1;height:1px;background:linear-gradient(to right,rgba(212,168,32,.22),transparent)}
.sh-bdg{font-size:.66rem;background:rgba(212,168,32,.09);color:var(--gold);padding:2px 9px;border-radius:7px;border:1px solid rgba(212,168,32,.16)}
.ph{text-align:center;padding:1.75rem 1rem 1.4rem;border-bottom:1px solid rgba(212,168,32,.06);margin-bottom:1.6rem}
.ph-ar{font-family:var(--fa);font-size:clamp(2rem,6vw,3.2rem);color:var(--gold);direction:rtl;line-height:1.75;text-shadow:0 0 36px rgba(212,168,32,.22);margin-bottom:.45rem}
.ph-title{font-family:var(--fc);font-size:clamp(1.25rem,4vw,1.85rem);font-weight:600;color:var(--dk);letter-spacing:.04em;margin-bottom:.3rem}
.ph-meta{font-size:.82rem;color:rgba(232,220,200,.42)}
.ph-bsm{font-family:var(--fa);font-size:clamp(1.15rem,3vw,1.65rem);color:var(--dk);margin-top:1.15rem;direction:rtl;line-height:2;padding:.85rem 1.3rem;background:rgba(212,168,32,.04);border:1px solid rgba(212,168,32,.09);border-radius:10px;text-align:center}
.pnav{display:flex;gap:.65rem;margin-top:2.25rem}
.pnav-btn{flex:1;padding:10px 14px;background:var(--s1);border:1px solid var(--bdr);border-radius:9px;display:flex;flex-direction:column;gap:2px;text-decoration:none;transition:all .18s}
.pnav-btn:hover{border-color:rgba(212,168,32,.26);background:var(--s2)}
.pnav-lbl{font-size:.63rem;color:rgba(232,220,200,.35);text-transform:uppercase;letter-spacing:.06em}
.pnav-ttl{font-size:.84rem;font-weight:600;color:var(--dk)}.pnav-btn.r{align-items:flex-end}
.pnav-mid{padding:9px 14px;background:rgba(212,168,32,.07);border:1px solid rgba(212,168,32,.18);border-radius:9px;font-family:var(--fc);font-size:.74rem;color:var(--gold);text-decoration:none;display:flex;align-items:center}
.st-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:1.6rem 0}
.st-box{text-align:center;padding:.85rem;background:var(--s1);border:1px solid var(--bdr);border-radius:10px}
.st-n{font-family:var(--fc);font-size:1.35rem;color:var(--gold);display:block}
.st-l{font-size:.66rem;color:rgba(232,220,200,.35);margin-top:3px;display:block;text-transform:uppercase;letter-spacing:.06em}
.pop-pill{padding:5px 13px;background:rgba(212,168,32,.05);border:1px solid rgba(212,168,32,.14);border-radius:20px;font-size:.8rem;color:rgba(232,220,200,.7);font-weight:500;transition:all .18s}
.pop-pill:hover{background:rgba(212,168,32,.1);border-color:rgba(212,168,32,.3);color:var(--gold2)}
.gn-btn{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:.72rem;text-decoration:none;transition:all .14s;border:1px solid}
.ft-wrap{background:rgba(0,0,0,.48);border-top:1px solid rgba(212,168,32,.08);padding:2.25rem 1.5rem 1.75rem;position:relative;z-index:1}
.ft-inner{max-width:var(--mw);margin:0 auto;text-align:center}
.ft-logo{font-family:var(--fc);font-size:.9rem;color:var(--gold);letter-spacing:.08em;margin-bottom:.65rem}
.ft-links{display:flex;justify-content:center;gap:1rem;margin-bottom:.8rem;flex-wrap:wrap}
.ft-links a{color:rgba(232,220,200,.42);font-size:.82rem;transition:color .18s}.ft-links a:hover{color:var(--gold2)}
.ft-copy{opacity:.28;font-size:.7rem;color:rgba(232,220,200,.45)}
@media(max-width:640px){.logo-sb{display:none}.srch-wrap{max-width:170px}.pnav{flex-wrap:wrap}.pnav-mid{width:100%}.st-row{grid-template-columns:repeat(2,1fr)}.hnav{display:none}}

.av-lat,.ph-lat,.gc-lat{font-size:.88rem;line-height:1.8;color:rgba(232,220,200,.58);font-style:italic;letter-spacing:.01em}
.av-lat{margin-top:.35rem;text-align:right;direction:ltr}
.ph-lat{margin-top:.45rem;padding:0 .35rem;text-align:center;direction:ltr}
.gc-lat{padding:0 1.7rem 1.2rem;text-align:right;direction:ltr;color:rgba(232,220,200,.62)}
.av-author{padding:.8rem 1.6rem 0;font-size:.72rem;color:var(--gold2);letter-spacing:.04em;text-transform:uppercase}
@media (max-width:640px){.av-lat,.ph-lat,.gc-lat{font-size:.8rem}}


/* ── Türkçe Okunuş (altında, solda değil) ── */
.av-lat,.ph-lat,.gc-lat{
  display:block;width:100%;
  padding:.4rem 1.6rem .55rem;
  font-size:.82rem;line-height:1.7;
  color:rgba(212,168,32,.55);
  font-style:normal;letter-spacing:.01em;
  background:rgba(0,0,0,.12);
  border-top:1px solid rgba(212,168,32,.04);
}
.ph-lat{padding:.4rem .35rem .5rem;text-align:center;background:transparent;border:none}
.gc-lat{padding:.3rem 1.7rem .9rem;background:transparent;border:none}
.lat-lbl{font-size:.72rem;color:rgba(212,168,32,.4);letter-spacing:.06em;
  text-transform:uppercase;margin-right:.4em;font-weight:600}

/* ═══════════════════════════════════════
   3 GÖRÜNÜM BUTONU (#viewBar)
═══════════════════════════════════════ */
#viewBar{
  display:flex;gap:6px;justify-content:center;
  padding:.7rem 1rem .5rem;
  margin:0 0 .5rem;
}
.vbtn{
  display:inline-flex;align-items:center;gap:.35em;
  padding:.45rem 1.1rem;
  border:1px solid rgba(212,168,32,.22);
  border-radius:50px;
  background:rgba(0,0,0,.3);
  color:rgba(232,220,200,.55);
  font-family:var(--fc,inherit);font-size:.8rem;letter-spacing:.03em;
  cursor:pointer;transition:all .18s;white-space:nowrap;
}
.vbtn:hover{background:rgba(212,168,32,.1);color:rgba(232,220,200,.85);}
.vbtn.on{
  background:rgba(212,168,32,.18);
  border-color:rgba(212,168,32,.6);
  color:var(--gold,#d4a820);
  font-weight:600;
}
.vb-sub{
  font-size:.65rem;opacity:.7;
  background:rgba(255,255,255,.07);
  border-radius:4px;padding:1px 5px;
}

/* ═══════════════════════════════════════
   MUSHAF GÖRÜNÜMÜ
═══════════════════════════════════════ */
.mushaf-wrap{
  margin:0 0 1.5rem;
  background:var(--s1,rgba(0,0,0,.28));
  border:1px solid var(--bdr,rgba(212,168,32,.12));
  border-radius:16px;overflow:hidden;
}
.mushaf-bsm{
  text-align:center;
  font-family:var(--fa,'Amiri',serif);
  font-size:clamp(1.5rem,4vw,2.2rem);
  color:var(--gold,#d4a820);
  padding:1.4rem 1rem .8rem;
  border-bottom:1px solid rgba(212,168,32,.1);
  direction:rtl;line-height:2.2;
}
.mushaf-text{
  padding:1.6rem 2rem 1.4rem;
  font-family:var(--fa,'Amiri',serif);
  font-size:clamp(1.5rem,3.8vw,2rem);
  line-height:2.6;
  color:var(--dk,rgba(232,220,200,.9));
  text-align:justify;
}
.mushaf-ayet{ direction:rtl; }
.mushaf-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:1.6em;height:1.6em;
  background:rgba(212,168,32,.15);
  border:1px solid rgba(212,168,32,.3);
  border-radius:50%;
  font-family:var(--fc,'Cinzel',serif);
  font-size:.52em;color:var(--gold,#d4a820);
  vertical-align:middle;margin:0 .15em;
  direction:ltr;
}
#mushafView .ap{
  border-top:1px solid rgba(212,168,32,.08);
  border-radius:0;margin:0;
}
@media(max-width:640px){
  .mushaf-text{padding:1rem 1.1rem;font-size:clamp(1.3rem,5vw,1.7rem);}
  .vbtn{padding:.4rem .75rem;font-size:.74rem;}
}

/* ═══════════════════════════════════════
   OKUNUŞ — Altında, temiz
═══════════════════════════════════════ */
.av-lat,.ph-lat,.gc-lat{
  display:block;width:100%;
  padding:.38rem 1.6rem .5rem;
  font-size:.81rem;line-height:1.7;
  color:rgba(212,168,32,.62);
  font-style:normal;letter-spacing:.015em;
  background:rgba(0,0,0,.1);
  border-top:1px solid rgba(212,168,32,.04);
  direction:ltr;text-align:right;
}
.ph-lat{padding:.35rem .5rem .45rem;text-align:center;background:transparent;border:none;}
.gc-lat{padding:.3rem 1.7rem .85rem;background:transparent;border:none;text-align:right;}
.lat-lbl{
  font-size:.7rem;color:rgba(212,168,32,.4);
  letter-spacing:.07em;text-transform:uppercase;
  margin-right:.45em;font-weight:700;
}

/* ══════════════════════════════════════════════════
   MEAL (AYET) — acikkuran.com stili
══════════════════════════════════════════════════ */
/* .av-style-acik aktif olduğunda modern kart görünümü */
article.av.av-style-acik {
  background: var(--s1, rgba(0,0,0,.28));
  border: 1px solid var(--bdr, rgba(212,168,32,.12));
  border-radius: 14px;
  margin-bottom: 1.1rem;
  overflow: hidden;
}
article.av.av-style-acik .av-top {
  flex-direction: column-reverse;  /* Numara üstte, Arapça altında */
  align-items: flex-end;
  gap: 0;
  padding: 1.2rem 1.5rem .6rem;
  border-bottom: none;
}
article.av.av-style-acik .av-num {
  width: 28px; height: 28px;
  font-size: .64rem;
  margin-bottom: .4rem;
}
article.av.av-style-acik .av-ar {
  font-size: clamp(1.45rem, 4vw, 2rem);
  line-height: 2.2;
  width: 100%;
  text-align: center;
}
/* Okunuş satırı — yeşil/altın, belirgin */
article.av.av-style-acik .av-lat {
  padding: .5rem 1.5rem .6rem;
  font-size: .92rem;
  color: rgba(107,186,138,.88);
  background: rgba(27,107,64,.08);
  border-top: 1px solid rgba(45,154,96,.1);
  text-align: center;
  letter-spacing: .02em;
  font-style: italic;
}
article.av.av-style-acik .av-lat .lat-lbl {
  color: rgba(107,186,138,.55);
  font-size: .7rem;
}
article.av.av-style-acik .av-author {
  padding: .6rem 1.5rem .1rem;
  font-size: .72rem;
  font-weight: 700;
  color: var(--gold, #d4a820);
  letter-spacing: .05em;
  text-transform: uppercase;
}
article.av.av-style-acik .av-ml {
  padding: .4rem 1.5rem 1rem;
  font-size: .98rem;
  line-height: 1.85;
  color: rgba(232,220,200,.85);
}
article.av.av-style-acik .av-ft {
  padding: 6px 1.5rem 8px;
  border-top: 1px solid rgba(212,168,32,.06);
}
article.av.av-style-acik .av-ft a {
  font-size: .72rem;
  color: rgba(107,186,138,.65);
}
article.av.av-style-acik .av-ft a:hover { color: var(--gold); }

/* ══════════════════════════════════════════════════
   MUSHAF — Okunuş Kartı (image2)
══════════════════════════════════════════════════ */
.mushaf-lat-card {
  margin: 0;
  border-top: 1px solid rgba(212,168,32,.1);
  background: rgba(0,0,0,.22);
  padding: 1.4rem 1.6rem 1.6rem;
  text-align: center;
}
.mushaf-lat-title {
  font-family: var(--fc, 'Cinzel', serif);
  font-size: .75rem;
  font-weight: 700;
  color: var(--gold, #d4a820);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  opacity: .7;
}
.mushaf-lat-lines {
  display: flex;
  flex-direction: column;
  gap: .45rem;
}
.mushaf-lat-line {
  font-size: clamp(.88rem, 2.2vw, 1.05rem);
  color: rgba(232,220,200,.72);
  line-height: 1.6;
  letter-spacing: .01em;
}
.mushaf-lat-line:nth-child(odd) {
  color: rgba(232,220,200,.85);
}

/* ══════════════════════════════════════════════════
   MUSHAF — Okunan Ayet Vurgulama
══════════════════════════════════════════════════ */
.mushaf-ayet {
  transition: color .3s, text-shadow .3s, background .3s;
  border-radius: 4px;
  padding: 1px 3px;
}
.mushaf-ayet.mus-active {
  color: var(--gold, #d4a820) !important;
  text-shadow: 0 0 18px rgba(212,168,32,.55), 0 0 6px rgba(212,168,32,.3);
  background: rgba(212,168,32,.07);
}
.mushaf-num {
  transition: all .3s;
}

/* Hafız müziği oynayan ayet numarasını da vurgula */
#mushafPara .mushaf-ayet.mus-active + .mushaf-num {
  background: rgba(212,168,32,.3);
  border-color: rgba(212,168,32,.5);
  color: var(--gold);
}

/* ══════════════════════════════════════════════════════════════
   AYET-MEALİ SAYFASI — 2 Kolon Layout (acikkuran.com stili)
══════════════════════════════════════════════════════════════ */
.ayetpage-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.6rem;
  align-items: start;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .ayetpage-cols { grid-template-columns: 1fr; gap: 1rem; }
}

/* Sol kolon */
.ayetpage-left {}
.ayetpage-left .gc {
  background: var(--s1, rgba(0,0,0,.28));
  border: 1px solid var(--bdr, rgba(212,168,32,.12));
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.ayetpage-left .gc [lang="ar"] {
  font-family: var(--fa, 'Amiri', serif);
  font-size: clamp(1.4rem, 3.5vw, 2rem);
  line-height: 2.2;
  color: var(--dk, rgba(232,220,200,.92));
  padding: 1.4rem 1.7rem 1rem;
  display: block;
  text-align: right;
  direction: rtl;
}
/* Okunuş satırı — ayrı kart, yeşil */
.gc-lat.lat-standalone {
  display: block;
  margin: 0 0 .6rem;
  padding: .7rem 1.4rem .75rem;
  background: rgba(45,120,80,.12);
  border: 1px solid rgba(80,180,120,.18);
  border-radius: 10px;
  font-size: .95rem;
  color: rgba(120,210,155,.9);
  font-style: italic;
  letter-spacing: .02em;
  line-height: 1.5;
  font-weight: 500;
}
.av-lat.lat-standalone {
  display: block;
  margin: .5rem 0 .3rem;
  padding: .5rem 1.3rem .55rem;
  background: rgba(45,120,80,.1);
  border: 1px solid rgba(80,180,120,.15);
  border-radius: 8px;
  font-size: .88rem;
  color: rgba(120,210,155,.85);
  font-style: italic;
  letter-spacing: .015em;
  line-height: 1.5;
}

/* Kelime Tablosu */
.word-table-card {
  background: var(--s1, rgba(0,0,0,.28));
  border: 1px solid var(--bdr, rgba(212,168,32,.12));
  border-radius: 14px;
  overflow: hidden;
}
.wt-title {
  padding: .8rem 1.2rem .6rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gold, #d4a820);
  border-bottom: 1px solid rgba(212,168,32,.08);
  display: flex;
  align-items: center;
  gap: .5rem;
}
.wt-title::before {
  content: '☰';
  font-size: .8em;
  opacity: .6;
}
.wt-loading {
  padding: 1rem 1.2rem;
  font-size: .8rem;
  color: rgba(232,220,200,.35);
  font-style: italic;
}
.wt {
  width: 100%;
  border-collapse: collapse;
  font-size: .82rem;
}
.wt thead tr {
  border-bottom: 1px solid rgba(212,168,32,.1);
}
.wt th {
  padding: .55rem 1rem;
  text-align: left;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(232,220,200,.35);
}
.wt td { padding: .55rem 1rem; }
.wt tbody tr {
  border-bottom: 1px solid rgba(255,255,255,.03);
  transition: background .15s;
}
.wt tbody tr:hover { background: rgba(212,168,32,.04); }
.wt-no {
  color: rgba(232,220,200,.28);
  font-size: .72rem;
  width: 30px;
}
.wt-word {
  font-weight: 600;
  color: rgba(232,220,200,.78);
  font-style: italic;
  white-space: nowrap;
}
.wt-mean {
  color: rgba(232,220,200,.55);
  font-size: .78rem;
}

/* Sağ kolon — Çeviriler */
.ayetpage-right {}
.tr-head {
  padding: .75rem 1rem .7rem;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(232,220,200,.4);
  border-bottom: 1px solid rgba(212,168,32,.08);
  display: flex;
  align-items: center;
  gap: .5rem;
  background: var(--s1, rgba(0,0,0,.28));
  border-radius: 14px 14px 0 0;
  border: 1px solid var(--bdr, rgba(212,168,32,.12));
  border-bottom: none;
}
.tr-icon { font-size: .85em; }
.tr-list {
  border: 1px solid var(--bdr, rgba(212,168,32,.12));
  border-top: none;
  border-radius: 0 0 14px 14px;
  overflow: hidden;
  max-height: 78vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(212,168,32,.2) transparent;
}
.tr-list::-webkit-scrollbar { width: 4px; }
.tr-list::-webkit-scrollbar-thumb { background: rgba(212,168,32,.2); border-radius: 2px; }
.tr-item {
  padding: .85rem 1.2rem .9rem;
  border-bottom: 1px solid rgba(255,255,255,.04);
  transition: background .15s;
}
.tr-item:hover { background: rgba(212,168,32,.04); }
.tr-item:last-child { border-bottom: none; }
.tr-meta { margin-bottom: .3rem; }
.tr-nm {
  font-weight: 700;
  font-size: .82rem;
  color: rgba(232,220,200,.82);
  margin-right: .5em;
}
.tr-bk {
  font-size: .72rem;
  color: rgba(212,168,32,.55);
  font-style: italic;
}
.tr-txt {
  font-size: .88rem;
  line-height: 1.7;
  color: rgba(232,220,200,.65);
}
[data-lang="en"] .tr-nm { color: rgba(232,220,200,.5); }
[data-lang="en"] .tr-txt { color: rgba(232,220,200,.4); font-size: .82rem; }

/* ══════════════════════════════════════════════════════════════
   KİTAP GÖRÜNÜMÜ (Mushaf Sayfalama)
══════════════════════════════════════════════════════════════ */
.book-wrap {
  margin: 0;
  perspective: 2000px;
}
.book-pages {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(212,168,32,.15);
  box-shadow: 0 8px 40px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.04);
  position: relative;
  transform-style: preserve-3d;
  transition: transform .22s cubic-bezier(.4,0,.2,1);
}
/* Merkez bölücü çizgi */
.book-pages::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0; bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom,
    rgba(212,168,32,.0),
    rgba(212,168,32,.18) 30%,
    rgba(212,168,32,.22) 50%,
    rgba(212,168,32,.18) 70%,
    rgba(212,168,32,.0));
  pointer-events: none;
  z-index: 2;
  box-shadow: 1px 0 6px rgba(0,0,0,.3), -1px 0 6px rgba(0,0,0,.3);
}
.book-page {
  min-height: 500px;
  padding: 2rem 1.8rem;
  background: var(--s1, rgba(8,18,12,.85));
  position: relative;
  overflow-y: auto;
  max-height: 80vh;
  scrollbar-width: none;
}
.book-page::-webkit-scrollbar { display: none; }
.book-left {
  background: linear-gradient(135deg, rgba(8,18,12,.92) 0%, rgba(12,24,16,.88) 100%);
  border-right: none;
}
.book-right {
  background: linear-gradient(225deg, rgba(8,18,12,.92) 0%, rgba(12,24,16,.88) 100%);
}

/* Sayfa döndürme animasyonları */
@keyframes flipFwd {
  0%   { transform: perspective(1200px) rotateY(0deg); opacity: 1; }
  50%  { transform: perspective(1200px) rotateY(-8deg); opacity: .7; }
  100% { transform: perspective(1200px) rotateY(0deg); opacity: 1; }
}
@keyframes flipBck {
  0%   { transform: perspective(1200px) rotateY(0deg); opacity: 1; }
  50%  { transform: perspective(1200px) rotateY(8deg); opacity: .7; }
  100% { transform: perspective(1200px) rotateY(0deg); opacity: 1; }
}
.book-pages.flip-fwd { animation: flipFwd .22s ease-out; }
.book-pages.flip-bck { animation: flipBck .22s ease-out; }

/* Kitap navigasyon */
.book-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .7rem 1.2rem;
  background: rgba(0,0,0,.3);
  border: 1px solid rgba(212,168,32,.1);
  border-top: none;
  border-radius: 0 0 12px 12px;
}
.book-prev, .book-next {
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(212,168,32,.2);
  background: rgba(0,0,0,.3);
  color: var(--gold, #d4a820);
  font-size: 1rem;
  cursor: pointer;
  transition: all .15s;
  display: flex; align-items: center; justify-content: center;
}
.book-prev:hover:not(:disabled), .book-next:hover:not(:disabled) {
  background: rgba(212,168,32,.15);
  border-color: rgba(212,168,32,.4);
}
.book-prev:disabled, .book-next:disabled {
  opacity: .25;
  cursor: default;
}
.book-pinfo {
  font-size: .72rem;
  color: rgba(232,220,200,.35);
  letter-spacing: .04em;
  text-align: center;
  flex: 1;
}

/* Mushaf okunuş ayrı kart (sol sayfa) */
.mushaf-lat-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.mushaf-lat-title {
  font-family: var(--fc, 'Cinzel', serif);
  font-size: .68rem;
  font-weight: 700;
  color: rgba(212,168,32,.5);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
  padding-bottom: .6rem;
  border-bottom: 1px solid rgba(212,168,32,.1);
}
.mushaf-lat-lines {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  flex: 1;
}
.mushaf-lat-line {
  font-size: clamp(.78rem, 1.8vw, .9rem);
  color: rgba(232,220,200,.55);
  line-height: 1.65;
  letter-spacing: .01em;
  padding: .4rem .5rem;
  border-radius: 6px;
  border-left: 2px solid rgba(212,168,32,.08);
  transition: all .3s;
}
.mushaf-lat-line.lat-active {
  color: rgba(120,210,155,.92);
  background: rgba(45,120,80,.1);
  border-left-color: rgba(80,180,120,.4);
}

@media (max-width: 700px) {
  .book-pages {
    grid-template-columns: 1fr;
  }
  .book-left { display: none; } /* Mobilde sadece Arapça */
  .book-pages::after { display: none; }
}

/* ══════════════════════════════════════════════════════
   FULL-WIDTH KART DÜZELTMELERI
══════════════════════════════════════════════════════ */
article.av {
  width: 100%;
  border-radius: 0 !important;
  border-left: none !important;
  border-right: none !important;
  margin-bottom: 2px !important;
}
.gc {
  width: 100%;
  border-radius: 0 !important;
}
.ap { border-radius: 0 !important; margin: 0 !important; }
.sh { padding: 1.2rem 1.5rem; }
#viewBar { padding: .7rem 1.5rem .5rem; }
.mushaf-wrap { border-radius: 0 !important; border-left: none !important; border-right: none !important; }
.book-pages { border-radius: 0 !important; border-left: none !important; border-right: none !important; }
.book-nav { border-radius: 0 !important; }

/* ══════════════════════════════════════════════════════
   AYET OYNAT BUTONU
══════════════════════════════════════════════════════ */
.ayet-play-btn {
  display: flex; align-items: center; justify-content: center;
  width: 28px; height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(212,168,32,.18);
  background: rgba(0,0,0,.3);
  color: rgba(212,168,32,.6);
  font-size: .65rem;
  cursor: pointer;
  flex-shrink: 0;
  transition: all .15s;
  margin-right: .6rem;
}
.ayet-play-btn:hover {
  background: rgba(212,168,32,.15);
  border-color: rgba(212,168,32,.4);
  color: var(--gold);
}
article.av.ayet-playing {
  background: rgba(212,168,32,.05) !important;
  border-top: 1px solid rgba(212,168,32,.18) !important;
  border-bottom: 1px solid rgba(212,168,32,.18) !important;
}
article.av.ayet-playing .ayet-play-btn {
  background: rgba(212,168,32,.2);
  border-color: rgba(212,168,32,.5);
  color: var(--gold);
  animation: pulse-play .8s ease-in-out infinite;
}
@keyframes pulse-play {
  0%,100% { box-shadow: 0 0 0 0 rgba(212,168,32,.3); }
  50%      { box-shadow: 0 0 0 5px rgba(212,168,32,.0); }
}

/* ══════════════════════════════════════════════════════
   MEAL (SURE) — image2 stili
══════════════════════════════════════════════════════ */
.meal-sure-wrap {
  width: 100%;
}
.meal-sure-desc {
  padding: 2rem 1.5rem 1.5rem;
  text-align: center;
  border-bottom: 1px solid rgba(212,168,32,.1);
  background: rgba(0,0,0,.15);
}
.msd-loading {
  color: rgba(232,220,200,.35);
  font-size: .8rem;
  font-style: italic;
  padding: 1rem;
}
.msd-header { margin-bottom: 1.2rem; }
.msd-name {
  font-family: var(--fc, 'Cinzel', serif);
  font-size: clamp(1.2rem, 3vw, 1.65rem);
  font-weight: 700;
  color: var(--dk);
  margin-bottom: .35rem;
}
.msd-name-ar {
  font-family: var(--fa, 'Amiri', serif);
  font-size: .85em;
  color: rgba(212,168,32,.7);
  direction: rtl;
}
.msd-meta {
  font-size: .78rem;
  color: rgba(232,220,200,.4);
  letter-spacing: .05em;
}
.msd-body {
  font-size: clamp(.88rem, 2vw, 1rem);
  line-height: 1.9;
  color: rgba(232,220,200,.75);
  max-width: 700px;
  margin: 0 auto 1rem;
  text-align: center;
}
.msd-src {
  font-size: .7rem;
  color: rgba(232,220,200,.3);
  margin-bottom: .8rem;
  font-style: italic;
}
.msd-detbtn {
  display: inline-flex; align-items: center; gap: .4em;
  padding: .45rem 1.2rem;
  background: rgba(212,168,32,.1);
  border: 1px solid rgba(212,168,32,.25);
  border-radius: 50px;
  color: var(--gold);
  font-size: .78rem;
  cursor: pointer;
  transition: all .15s;
}
.msd-detbtn:hover {
  background: rgba(212,168,32,.2);
  border-color: rgba(212,168,32,.4);
}

/* Meal akış metni */
.meal-sure-flow {
  padding: 1.5rem 1.5rem 3rem;
  max-width: 780px;
  margin: 0 auto;
}
.msf-author {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(212,168,32,.5);
  margin-bottom: 1.2rem;
}
.msf-flow {
  font-size: clamp(.95rem, 2.2vw, 1.1rem);
  line-height: 2.1;
  color: rgba(232,220,200,.78);
  text-align: justify;
}
.msf-badge {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.6em; height: 1.6em;
  background: rgba(212,168,32,.12);
  border: 1px solid rgba(212,168,32,.25);
  border-radius: 50%;
  font-size: .65em;
  font-family: var(--fc, 'Cinzel', serif);
  color: var(--gold);
  vertical-align: middle;
  margin: 0 .2em;
  flex-shrink: 0;
  cursor: pointer;
  transition: all .15s;
}
.msf-badge:hover {
  background: rgba(212,168,32,.25);
}
.msf-txt {
  color: rgba(232,220,200,.78);
}

/* ══════════════════════════════════════════════════════
   MOBİL
══════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  .meal-sure-desc { padding: 1.3rem 1rem 1rem; }
  .meal-sure-flow { padding: 1rem 1rem 2rem; }
  .msd-body { font-size: .88rem; }
  .msf-flow { font-size: .9rem; line-height: 2; }
  .ayetpage-cols { grid-template-columns: 1fr !important; }
  .book-pages { grid-template-columns: 1fr !important; }
  .book-left { display: none !important; }
}

/* ══════════════════════════════════════════════════════
   KELİME KELİME TIKLANIR (quran.com stili)
══════════════════════════════════════════════════════ */
.mushaf-word {
  display: inline;
  cursor: pointer;
  border-radius: 4px;
  padding: 1px 2px;
  transition: background .15s, color .15s;
}
.mushaf-word:hover {
  background: rgba(212,168,32,.18);
  color: var(--gold);
}
.mushaf-word.word-active {
  background: rgba(212,168,32,.38);
  color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 8px rgba(212,168,32,.5);
}
.ayet-play-btn {
  background: rgba(212,168,32,.15);
  border: 1px solid rgba(212,168,32,.28);
  border-radius: 50%;
  width: 32px; height: 32px;
  cursor: pointer;
  font-size: .85rem;
  color: var(--gold);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  transition: background .15s;
  margin-left: .4rem;
}
.ayet-play-btn:hover { background: rgba(212,168,32,.28); }

/* ── Otomatik Okuma Toggle Bar ─────────────────────────── */
.auto-toggle-bar {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem 1rem;
  background: rgba(212,168,32,.06);
  border: 1px solid rgba(212,168,32,.14);
  border-radius: 10px;
  margin: .6rem 1.2rem .4rem;
}
.at-label {
  font-size: .78rem;
  color: rgba(232,220,200,.55);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-right: .3rem;
}
.at-btn {
  padding: .35rem .85rem;
  border-radius: 20px;
  border: 1px solid rgba(212,168,32,.25);
  background: transparent;
  color: rgba(232,220,200,.6);
  font-size: .82rem;
  cursor: pointer;
  transition: all .18s;
}
.at-btn.on {
  background: rgba(212,168,32,.22);
  border-color: var(--gold);
  color: var(--gold);
  font-weight: 600;
}
.at-btn:hover:not(.on) {
  background: rgba(212,168,32,.1);
  color: rgba(232,220,200,.85);
}

/* ── View butonları <a> → link olarak çalışsın ──────────── */
#viewBar .vbtn {
  text-decoration: none;
}

/* ══════════════════════════════════════════════════════
   MOBİL ALT MENÜ (bottom tab bar)
══════════════════════════════════════════════════════ */
@media (max-width: 680px) {
  /* ViewBar sabit alta taşı */
  #viewBar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important; right: 0 !important;
    z-index: 200 !important;
    display: flex !important;
    justify-content: stretch !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: rgba(5, 14, 8, 0.97) !important;
    border-top: 1px solid rgba(212,168,32,.25) !important;
    box-shadow: 0 -4px 24px rgba(0,0,0,.45) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    /* iPhone safe area */
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
  }

  .vbtn {
    flex: 1 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: .55rem .3rem .45rem !important;
    border: none !important;
    border-right: 1px solid rgba(212,168,32,.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: .65rem !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
    min-height: 52px !important;
  }
  .vbtn:last-child { border-right: none !important; }

  .vbtn .vb-icon { font-size: 1.1rem; line-height: 1; }
  .vbtn .vb-sub { display: none !important; }

  .vbtn.on {
    background: rgba(212,168,32,.13) !important;
    color: var(--gold, #d4a820) !important;
  }

  /* Sayfa içeriği alttan görünür kalsın */
  main.pg {
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 8px)) !important;
  }

  /* Ses player mobilde kompakt */
  .ap-ctrl { gap: .5rem !important; }
  .ap-time { font-size: .7rem !important; }
}


/* ═══════════════════════════════════════════════════
   AYET MEALİ — ALT NAVİGASYON & BAŞLIK (v19)
═══════════════════════════════════════════════════ */

/* Küçük ayet alt başlığı (sure adının altında) */
.ayet-sub {
  font-size: .72rem;
  color: rgba(232,220,200,.38);
  text-align: center;
  margin: .3rem 0 .9rem;
}

/* ── Alt ayet numarası navigasyonu ─────────────────── */
.bn-wrap {
  margin: 1.4rem 0 .5rem;
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(212,168,32,.12);
  border-radius: 12px;
  overflow: hidden;
}
.bn-hdr {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .55rem 1rem .5rem;
  border-bottom: 1px solid rgba(212,168,32,.08);
  background: rgba(212,168,32,.04);
}
.bn-sure {
  font-family: var(--fc);
  font-size: .68rem;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .1em;
  background: rgba(212,168,32,.12);
  border: 1px solid rgba(212,168,32,.25);
  border-radius: 6px;
  padding: 3px 10px;
  white-space: nowrap;
}
.bn-title {
  font-size: .67rem;
  color: rgba(232,220,200,.32);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.bn-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  padding: .6rem .8rem .7rem;
}
.bn-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 28px;
  padding: 0 3px;
  border-radius: 5px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(232,220,200,.45);
  font-size: .72rem;
  text-decoration: none;
  transition: background .12s, color .12s, border-color .12s;
}
.bn-dot:hover {
  background: rgba(212,168,32,.13);
  border-color: rgba(212,168,32,.28);
  color: var(--dk);
}
.bn-dot-on {
  background: linear-gradient(135deg, rgba(212,168,32,.28), rgba(212,168,32,.12));
  border-color: var(--gold);
  color: var(--gold2);
  font-weight: 700;
  pointer-events: none;
}

/* Çeviri kartı scroll */
.two-col-right {
  max-height: calc(100vh - 130px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(212,168,32,.2) transparent;
  padding-right: 2px;
}
.two-col-right::-webkit-scrollbar { width: 3px; }
.two-col-right::-webkit-scrollbar-thumb {
  background: rgba(212,168,32,.2);
  border-radius: 2px;
}

/* Giriş animasyonu */
.gc { animation: pgFd .36s ease both; }
#accContainer { animation: pgFd .4s .04s ease both; }
@keyframes pgFd {
  from { opacity:0; transform:translateY(12px); }
  to   { opacity:1; transform:translateY(0); }
}

@media (max-width: 680px) {
  .bn-dot { min-width: 26px; height: 25px; font-size: .67rem; }
  .bn-grid { gap: 2px; padding: .5rem .6rem .6rem; }
  .two-col-right { max-height: none; }
}


/* ═══════════════════════════════════════════════════
   AYET GEÇİŞ NAVİGASYONU — v24 input
═══════════════════════════════════════════════════ */
.asw-nav {
  margin: .6rem 0 1rem;
  text-align: center;
}
.asw-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: .3rem;
}

/* Ok butonları */
.asw-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1.5px solid rgba(212,168,32,.3);
  background: rgba(0,0,0,.4);
  color: var(--gold);
  font-size: 1.3rem;
  text-decoration: none;
  flex-shrink: 0;
  transition: background .2s, transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .2s;
  box-shadow: 0 2px 12px rgba(0,0,0,.3);
}
.asw-arrow:hover {
  background: rgba(212,168,32,.2);
  border-color: var(--gold);
  color: var(--gold2);
  transform: scale(1.13);
  box-shadow: 0 4px 22px rgba(212,168,32,.28);
}
.asw-arrow-dim {
  opacity: .2;
  pointer-events: none;
  box-shadow: none;
}

/* Orta: input + etiket */
.asw-center {
  display: inline-flex;
  align-items: baseline;
  gap: .4rem;
  min-width: 130px;
  justify-content: center;
}

/* Ayet numarası INPUT */
.asw-num-inp {
  font-family: var(--fc);
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--gold2);
  background: transparent;
  border: none;
  border-bottom: 2px solid rgba(212,168,32,.35);
  outline: none;
  text-align: center;
  width: 3.2ch;
  min-width: 2.5ch;
  max-width: 4ch;
  line-height: 1;
  padding: 0 .1em .05em;
  caret-color: var(--gold);
  transition: border-color .18s, text-shadow .18s;
  animation: aswPop .42s cubic-bezier(.34,1.56,.64,1) both;
  /* Hide browser number arrows */
  -moz-appearance: textfield;
  appearance: textfield;
}
.asw-num-inp::-webkit-outer-spin-button,
.asw-num-inp::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.asw-num-inp:focus {
  border-bottom-color: var(--gold);
  text-shadow: 0 0 20px rgba(212,168,32,.45);
}
@keyframes aswPop {
  from { opacity:0; transform:scale(.55) translateY(12px); }
  to   { opacity:1; transform:scale(1) translateY(0); }
}

/* "Ayet / 206" etiketi — aynı font */
.asw-label {
  font-family: var(--fc);
  font-size: .82rem;
  color: rgba(232,220,200,.38);
  white-space: nowrap;
  letter-spacing: .02em;
  margin-bottom: 3px;
}

/* Scroll panel */
.two-col-right {
  max-height: calc(100vh - 130px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(212,168,32,.2) transparent;
  padding-right: 2px;
}
.two-col-right::-webkit-scrollbar { width: 3px; }
.two-col-right::-webkit-scrollbar-thumb { background: rgba(212,168,32,.2); border-radius: 2px; }

/* Page entry */
.gc { animation: pgFd .38s ease both; }
#accContainer { animation: pgFd .42s .05s ease both; }
@keyframes pgFd {
  from { opacity:0; transform:translateY(13px); }
  to   { opacity:1; transform:translateY(0); }
}

@media (max-width:680px) {
  .asw-num-inp { font-size:1.9rem; width:3ch; }
  .asw-arrow { width:44px; height:44px; font-size:1.15rem; }
  .two-col-right { max-height:none; }
}


/* ===== Modern Açık Tema Override ===== */
:root{
  --bg:#ffffff;
  --s1:#ffffff;
  --s2:#f5f8ff;
  --bdr:rgba(37,99,235,.14);
  --bdr2:rgba(37,99,235,.28);
  --dk:#111827;
  --grn:#2563eb;
  --grn2:#3b82f6;
  --gold:#2563eb;
  --gold2:#60a5fa;
}
html,body{background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%) !important;color:var(--dk) !important}
body{font-family:var(--fu);}
a{color:var(--grn2)}
a:hover{color:#1d4ed8}
::-webkit-scrollbar-thumb{background:rgba(37,99,235,.28)}
.site-bg{opacity:1}
.sbg-mesh{background:radial-gradient(ellipse 80% 52% at 10% 8%,rgba(59,130,246,.08) 0%,transparent 62%),radial-gradient(ellipse 62% 48% at 90% 0%,rgba(37,99,235,.08) 0%,transparent 58%),linear-gradient(180deg,rgba(59,130,246,.03),transparent 40%)}
.sbg-geo{opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Crect x='9' y='9' width='66' height='66' rx='18' fill='none' stroke='%232563eb' stroke-width='1'/%3E%3Ccircle cx='42' cy='42' r='12' fill='none' stroke='%2360a5fa' stroke-width='1'/%3E%3C/svg%3E")}
.bg-ar{color:rgba(37,99,235,.035)}
.hdr{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(37,99,235,.12);box-shadow:0 10px 30px rgba(15,23,42,.06)}
.logo,.ph-title,.sh h2,.acc-nm,.acc-txt,.sr-nm,.pnav-ttl,.wt-word,.mushaf-text,.mushaf-lat-line,.tr-nm,.tr-txt,.av-ml,.av-ar,.ph-meta,.bc-in,.ap-time,.sr-ml,.sc-m,.ft-copy,.book-pinfo,.wt-mean,.wt-loading{color:var(--dk) !important}
.logo-sb,.pnav-lbl,.acc-bk,.tr-bk,.sr-ml,.sr-empty,.bc-in,.sc-m,.ph-meta,.ap-time,.ft-copy,.book-pinfo,.wt-mean,.wt-loading{opacity:.75}
.logo-ring,.ap-play,.book-prev,.book-next,.ayet-play-btn{background:linear-gradient(135deg,#2563eb,#60a5fa) !important;border-color:rgba(37,99,235,.18) !important;color:#fff !important;box-shadow:0 10px 24px rgba(37,99,235,.18)}
.ap-sel,.vbtn.on,.sh-bdg,.sr-bdg,.acc-en,.acc-tr,.gn-btn{background:rgba(37,99,235,.08) !important;border-color:rgba(37,99,235,.18) !important;color:#2563eb !important}
.vbtn,.pnav-mid,.pop-pill,.hf-cls,.book-prev,.book-next,.ap-sel,.sc,.st-box,.acc,.tr-head,.tr-list,.word-table-card,.gc,.av,.ap,.mushaf-wrap,.book-pages,.book-nav,.srch-drop,.hf-box,.pnav-btn{box-shadow:0 12px 28px rgba(15,23,42,.05) !important}
.gc,.av,.ap,.mushaf-wrap,.book-pages,.book-nav,.tr-head,.tr-list,.word-table-card,.acc,.sc,.st-box,.pnav-btn,.srch-drop,.hf-box{background:#ffffff !important;border-color:rgba(37,99,235,.12) !important}
.av:hover,.pnav-btn:hover,.sc:hover,.acc-hd:hover,.tr-item:hover,.sr-item:hover{background:#f8fbff !important}
.acc-hd,.bc,.ft-wrap,.book-nav{background:#ffffff !important}
.srch-inp{background:#f8fbff !important;border-color:rgba(37,99,235,.12) !important;color:#111827 !important}
.srch-inp::placeholder,.srch-ic{color:#64748b !important}
.srch-inp:focus{background:#ffffff !important;border-color:rgba(37,99,235,.32) !important;box-shadow:0 0 0 4px rgba(37,99,235,.08)}
.ap-prg{background:#dbe7ff !important}
.ap-bar{background:linear-gradient(90deg,#2563eb,#60a5fa) !important}
.sc-n,.av-num,.mushaf-num{background:rgba(37,99,235,.08) !important;border-color:rgba(37,99,235,.18) !important;color:#2563eb !important}
.sc-ar,.ph-ar,.ft-logo,.hf-ttl,.mushaf-bsm,.mushaf-ayet.mus-active,.sh-bdg,.tr-icon,.wt-title{color:#2563eb !important;text-shadow:none !important}
.ph-bsm,.acc.custom-meal .acc-hd,.mushaf-lat-card,.gc-lat.lat-standalone,.av-lat.lat-standalone{background:#f8fbff !important;border-color:rgba(37,99,235,.12) !important;color:#334155 !important}
.av-lat,.ph-lat,.gc-lat,article.av.av-style-acik .av-lat,.mushaf-lat-line{background:#f8fbff !important;border-top-color:rgba(37,99,235,.08) !important;color:#334155 !important;font-style:normal !important}
.lat-lbl,article.av.av-style-acik .av-lat .lat-lbl,.mushaf-lat-title{color:#2563eb !important}
.wt thead tr,.tr-head,.bc,.ft-wrap,.acc-body,.av-top,.av-ft,.wt-title,.mushaf-bsm{border-color:rgba(37,99,235,.08) !important}
.ft-wrap{padding-top:2.4rem}
.ft-links a,.bc-in a[href*='-suresi/'],.pnav-ttl,.ph-title{color:#dc2626 !important}
.ft-links a:hover,.bc-in a[href*='-suresi/']:hover,.pnav-btn:hover .pnav-ttl{color:#b91c1c !important}
.hnav a,.av-ft a,.bc-in a:not([href*='-suresi/']){color:#2563eb !important}
.hnav a:hover,.av-ft a:hover,.bc-in a:not([href*='-suresi/']):hover{background:#eff6ff !important;color:#1d4ed8 !important}
.ph{padding:2rem 1rem 1.6rem;border-bottom:1px solid rgba(37,99,235,.08)}
.ph-title{font-size:clamp(1.4rem,4vw,2rem);font-weight:700}
.av-ml,.acc-txt,.tr-txt{font-size:1rem;line-height:1.85}
.acc-body{background:#fcfdff !important}
.tr-item,.acc{border-bottom-color:rgba(37,99,235,.06) !important}
.mushaf-ayet.mus-active{background:rgba(37,99,235,.08) !important;color:#2563eb !important}
#mushafPara .mushaf-ayet.mus-active + .mushaf-num{background:rgba(37,99,235,.14) !important;border-color:rgba(37,99,235,.24) !important;color:#2563eb !important}
@media(max-width:640px){
  .hdr{box-shadow:0 8px 20px rgba(15,23,42,.04)}
}


/* ===== v44 modern mavi / gri tema düzeltmeleri ===== */
:root{
  --bg:#dfe3ea !important;
  --s1:#ffffff !important;
  --s2:#f5f7fb !important;
  --bdr:rgba(37,99,235,.16) !important;
  --bdr2:rgba(37,99,235,.32) !important;
  --dk:#111827 !important;
  --grn:#2563eb !important;
  --grn2:#3b82f6 !important;
  --gold:#2563eb !important;
  --gold2:#60a5fa !important;
}
html,body{
  background:linear-gradient(180deg,#e5e7eb 0%,#dfe3ea 100%) !important;
  color:#111827 !important;
}
body{
  min-height:100vh;
}
.site-bg{opacity:.18 !important;}
.sbg-mesh{
  background:
    radial-gradient(ellipse 76% 48% at 8% 0%,rgba(59,130,246,.08) 0%,transparent 60%),
    radial-gradient(ellipse 55% 42% at 92% 0%,rgba(96,165,250,.08) 0%,transparent 60%),
    linear-gradient(180deg,rgba(255,255,255,.14),transparent 42%) !important;
}
.sbg-geo{opacity:.014 !important;}
.bg-ar{color:rgba(37,99,235,.028) !important;}

/* Genel kart düzeni */
.gc,.av,.ap,.mushaf-wrap,.book-pages,.book-nav,.tr-head,.tr-list,.word-table-card,.acc,.sc,.st-box,.pnav-btn,.srch-drop,.hf-box{
  background:#ffffff !important;
  border-color:rgba(37,99,235,.14) !important;
  box-shadow:0 18px 40px rgba(15,23,42,.08) !important;
}

/* Butonlar: mavi arka plan, beyaz yazı */
.vbtn,
.vbtn.on,
.pnav-mid,
.pop-pill,
.hf-cls,
.book-prev,
.book-next,
.ap-sel,
.gn-btn,
.ayet-play-btn,
.at-btn,
.sr-bdg,
.sh-bdg,
.acc-en,
.acc-tr,
button:not(.hf-ov):not(.adm-tab):not(.adm-chip):not(.adm-remove):not(.adm-auth-btn):not(.adm-pgbtn):not(.adm-mini-btn):not(.adm-pass-toggle){
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%) !important;
  color:#ffffff !important;
  border-color:#2563eb !important;
  box-shadow:0 12px 24px rgba(37,99,235,.22) !important;
}
.vbtn:hover,.vbtn.on:hover,
.pnav-mid:hover,.pop-pill:hover,.hf-cls:hover,.book-prev:hover:not(:disabled),.book-next:hover:not(:disabled),
.ap-sel:hover,.gn-btn:hover,.ayet-play-btn:hover,.at-btn:hover,
.sr-bdg:hover,.sh-bdg:hover,.acc-en:hover,.acc-tr:hover,
button:not(.hf-ov):not(.adm-tab):not(.adm-chip):not(.adm-remove):not(.adm-auth-btn):not(.adm-pgbtn):not(.adm-mini-btn):not(.adm-pass-toggle):hover{
  background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%) !important;
  color:#ffffff !important;
}
.vb-sub{background:rgba(255,255,255,.18) !important;color:#ffffff !important;}
.hnav a{
  background:#eff6ff !important;
  color:#2563eb !important;
  border:1px solid rgba(37,99,235,.10) !important;
}
.hnav a:hover{background:#dbeafe !important;color:#1d4ed8 !important;}

/* Hero / üst alan */
.ph{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  border:1px solid rgba(37,99,235,.14) !important;
  border-radius:28px !important;
  padding:2.35rem 1.4rem 2rem !important;
  box-shadow:0 18px 40px rgba(15,23,42,.08) !important;
  margin-bottom:2rem !important;
}
.ph::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,#2563eb 0%,#60a5fa 50%,#2563eb 100%);
}
.ph::after{
  content:'';
  position:absolute;
  width:260px;height:260px;
  right:-80px;top:-120px;
  background:radial-gradient(circle,rgba(96,165,250,.16),transparent 65%);
  pointer-events:none;
}
.ph-ar{
  color:#2563eb !important;
  text-shadow:none !important;
  font-size:clamp(2.15rem,6vw,3.7rem) !important;
  margin-bottom:.8rem !important;
}
.ph-title{
  color:#dc2626 !important;
  font-size:clamp(1.6rem,4vw,2.3rem) !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
}
.ph-meta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  flex-wrap:wrap;
  padding:.6rem 1rem;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.12);
  background:#eff6ff !important;
  color:#475569 !important;
  font-weight:700;
  opacity:1 !important;
}
.ph-bsm{
  background:#eff6ff !important;
  border-color:rgba(37,99,235,.12) !important;
}

/* İstatistik kutuları */
.st-row{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:1rem !important;
  margin:2rem 0 2.35rem !important;
}
.st-box{
  position:relative;
  overflow:hidden;
  padding:1.45rem 1rem 1.2rem !important;
  border-radius:22px !important;
  text-align:center;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}
.st-box::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,#2563eb,#60a5fa);
}
.st-box::after{
  content:'';
  position:absolute;
  right:-22px;
  top:-24px;
  width:90px;
  height:90px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(96,165,250,.18),transparent 64%);
}
.st-n{
  position:relative;
  z-index:1;
  display:block;
  font-family:var(--fc);
  font-size:clamp(1.7rem,3vw,2.15rem) !important;
  font-weight:800 !important;
  color:#2563eb !important;
  margin-bottom:.35rem;
}
.st-l{
  position:relative;
  z-index:1;
  display:block;
  font-size:.74rem !important;
  letter-spacing:.15em !important;
  text-transform:uppercase;
  color:#64748b !important;
  font-weight:800 !important;
}

/* Kitap / mushaf koyuluklarını kaldır */
.book-pages{
  border-radius:24px !important;
  overflow:hidden !important;
  background:#f8fafc !important;
}
.book-pages::after{
  background:linear-gradient(to bottom,rgba(148,163,184,0),rgba(148,163,184,.32) 30%,rgba(148,163,184,.42) 50%,rgba(148,163,184,.32) 70%,rgba(148,163,184,0)) !important;
  box-shadow:none !important;
}
.book-page,
.book-left,
.book-right{
  background:#f8fafc !important;
  color:#111827 !important;
  box-shadow:none !important;
}
.book-left{border-right:1px solid rgba(37,99,235,.08) !important;}
.book-nav{
  background:#eef2f7 !important;
  border-color:rgba(37,99,235,.10) !important;
}
.book-pinfo{
  color:#475569 !important;
  font-weight:700;
  opacity:1 !important;
}
.mushaf-wrap{border-radius:24px !important;overflow:hidden !important;background:#f8fafc !important;}
.mushaf-bsm{
  background:#eff6ff !important;
  color:#2563eb !important;
  border-bottom:1px solid rgba(37,99,235,.1) !important;
  text-shadow:none !important;
}
.mushaf-text,.mushaf-ayet,.av-ar{color:#0f172a !important;}
.mushaf-num,.sc-n,.av-num{
  background:#dbeafe !important;
  border-color:rgba(37,99,235,.18) !important;
  color:#2563eb !important;
}
.mushaf-lat-card{
  background:#ffffff !important;
  border-right:1px solid rgba(37,99,235,.08) !important;
}
.mushaf-lat-title{
  color:#2563eb !important;
  border-bottom-color:rgba(37,99,235,.10) !important;
}
.mushaf-lat-line,
.av-lat,.ph-lat,.gc-lat,
article.av.av-style-acik .av-lat,
.gc-lat.lat-standalone,
.av-lat.lat-standalone{
  background:#ffffff !important;
  color:#334155 !important;
  border-top-color:rgba(37,99,235,.08) !important;
  border-left-color:#bfdbfe !important;
}
.mushaf-lat-line.lat-active{
  background:#dbeafe !important;
  color:#1d4ed8 !important;
  border-left-color:#2563eb !important;
}

/* Genel sayfa görünümü */
.pg{padding-top:1.8rem !important;}
.sh{
  padding:1.2rem 1.5rem !important;
  border-radius:18px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(37,99,235,.10);
  margin-bottom:1.1rem !important;
}
.sh h2{font-size:1rem !important;font-weight:800 !important;}
.sh-ln{background:linear-gradient(to right,rgba(37,99,235,.2),transparent) !important;}
.sc{
  border-radius:18px !important;
  padding:14px 15px !important;
}
.sc:hover{transform:translateY(-3px) !important;}
.sr-item:hover,.av:hover,.pnav-btn:hover,.sc:hover,.acc-hd:hover,.tr-item:hover{background:#f8fbff !important;}
.acc-body{background:#fcfdff !important;}
.ft-wrap{
  background:#eef2f7 !important;
  border-top:1px solid rgba(37,99,235,.10) !important;
}
.ft-links a,.bc-in a[href*='-suresi/'],.pnav-ttl,.ph-title{color:#dc2626 !important;}
.ft-links a:hover,.bc-in a[href*='-suresi/']:hover,.pnav-btn:hover .pnav-ttl{color:#b91c1c !important;}

@media (max-width: 900px){
  .st-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 700px){
  .book-pages{grid-template-columns:1fr !important;}
  .book-left{display:none !important;}
  .book-pages::after{display:none !important;}
}
@media (max-width: 640px){
  html,body{background:#e5e7eb !important;}
  .pg{padding-top:1.1rem !important;}
  .ph{border-radius:22px !important;padding:1.8rem 1rem 1.45rem !important;}
  .st-row{grid-template-columns:1fr 1fr !important;gap:.8rem !important;}
  .st-box{padding:1.15rem .7rem 1rem !important;border-radius:18px !important;}
  .book-pages,.mushaf-wrap{border-radius:18px !important;}
}


/* ===== v45 meal + arama okunabilirlik / modern tema düzeltmesi ===== */
.ayetpage-right .tr-head,
.ayetpage-right .tr-list,
.acc.custom-meal,
.acc.custom-meal .acc-body,
.acc.custom-meal .acc-hd,
.meal-sure-desc,
.meal-sure-flow{
  background:#ffffff !important;
  border-color:rgba(37,99,235,.14) !important;
}

.ayetpage-right .tr-head,
.acc.custom-meal .acc-hd{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}

.tr-head,
.msf-author,
.msd-detbtn,
.acc.custom-meal .acc-arr,
.av-author{
  color:#2563eb !important;
}

.tr-icon,
.acc.custom-meal .acc-lg,
.acc.custom-meal .acc-en,
.acc.custom-meal .acc-tr{
  color:#ffffff !important;
}

.tr-item,
.acc.custom-meal,
.acc.custom-meal .acc-body,
.meal-sure-desc,
.meal-sure-flow,
.msd-loading{
  color:#334155 !important;
}

.tr-item:hover,
.acc.custom-meal .acc-hd:hover{
  background:#f8fbff !important;
}

.tr-nm,
.acc-nm,
.msd-name,
.msf-txt,
.msd-body,
.acc-txt,
.av-ml,
.av-ar,
.acc-note,
.tr-txt{
  color:#1f2937 !important;
}

.tr-bk,
.acc-bk,
.msd-src,
.msd-meta,
.acc-note,
.msd-loading,
.av-tr{
  color:#64748b !important;
}

.tr-txt,
.acc-txt,
.msd-body,
.msf-flow,
.msf-txt,
.av-ml{
  line-height:1.9 !important;
}

.tr-item,
.acc.custom-meal .acc-body,
.acc.custom-meal .acc-hd{
  border-bottom-color:rgba(37,99,235,.08) !important;
}

.msf-badge,
.tr-item .badge,
.acc.custom-meal .acc-lg,
.acc.custom-meal .acc-en,
.acc.custom-meal .acc-tr{
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%) !important;
  border-color:#2563eb !important;
  color:#ffffff !important;
  box-shadow:0 10px 20px rgba(37,99,235,.14) !important;
}

.msd-detbtn{
  background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%) !important;
  border-color:#2563eb !important;
  color:#ffffff !important;
}

.msd-detbtn:hover{
  background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%) !important;
}

.av-tr,
.av-lat,
.ph-lat,
.gc-lat,
article.av.av-style-acik .av-lat,
.mushaf-lat-line{
  background:#f8fbff !important;
  color:#475569 !important;
}

.av-author{font-weight:700 !important;letter-spacing:.06em !important;}
.meal-sure-desc{border-bottom:1px solid rgba(37,99,235,.1) !important;}
.meal-sure-flow{max-width:860px !important;}
.msf-author{font-size:.78rem !important;}

/* arama kutusu ve arama sayfası kartları */
body.arama-sayfasi .ph,
body.arama-sayfasi .srp-status,
body.arama-sayfasi .srp-empty,
body.arama-sayfasi .srp-sure-card,
body.arama-sayfasi .srp-sure-hd,
body.arama-sayfasi .srp-ayet-box{
  background:#ffffff !important;
  border-color:rgba(37,99,235,.14) !important;
  box-shadow:0 16px 36px rgba(15,23,42,.08) !important;
}


/* ===== v46 arama + ayet sayfası + büyük font düzeltmeleri ===== */
html{font-size:17px}
body{font-size:1rem;line-height:1.65}
.ph-title{font-size:clamp(2rem,3vw,2.8rem)!important}
.ph-meta,.logo-sb,.bc-in,.ft-links a,.ft-copy{font-size:1rem!important}
.av-ml,.acc-txt,.tr-txt,.meal-sure-desc,.meal-sure-flow,.gc-lat,.av-lat,.ph-lat{font-size:1.15rem!important;line-height:1.9!important}
.av-author,.tr-nm,.acc-nm,.acc-bk,.acc-lg,.tr-bk,.tr-head{font-size:1rem!important}
.gc [lang="ar"], .av-ar, .ph-ar{font-size:clamp(2rem,3.2vw,3rem)!important;line-height:2.1!important}
.wt th,.wt td{font-size:1.08rem!important;padding:.95rem 1rem!important}
.wt-title{font-size:1.15rem!important}
.word-table-card,.ayetpage-left>.gc,.ayetpage-right,.tr-item{border-radius:22px!important}
.word-table-card,.ayetpage-left>.gc,.ayetpage-right{box-shadow:0 10px 26px rgba(15,23,42,.06)!important}

/* Arama sonuçları v46 */
body.arama-sayfasi .pg{gap:1.6rem!important}
body.arama-sayfasi .ph{padding:2.1rem 1.4rem!important;border-radius:28px!important}
body.arama-sayfasi .ph-meta{font-size:1.03rem!important}
body.arama-sayfasi .srp-input-row{max-width:860px;margin:0 auto;padding:.8rem .8rem .8rem 1.2rem!important;border-radius:28px!important}
body.arama-sayfasi .srp-inp{font-size:1.12rem!important}
body.arama-sayfasi .srp-btn{font-size:1rem!important;padding:.9rem 1.55rem!important;border-radius:18px!important}
body.arama-sayfasi .srp-status{font-size:1rem!important;padding:.95rem 1.2rem!important;border-radius:18px!important}
body.arama-sayfasi .srp-section-title{font-size:.92rem!important;margin-bottom:.9rem!important}
body.arama-sayfasi .srp-list{display:grid;gap:1rem}
body.arama-sayfasi .srp-res-card{display:block;text-decoration:none;background:#fff;border:1px solid rgba(37,99,235,.14);border-radius:24px;padding:1.15rem 1.2rem;box-shadow:0 14px 32px rgba(15,23,42,.06);transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}
body.arama-sayfasi .srp-res-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(15,23,42,.09);border-color:rgba(37,99,235,.22)}
body.arama-sayfasi .srp-res-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem;color:#64748b;font-size:1rem}
body.arama-sayfasi .srp-res-ref{font-weight:800;color:#1e293b}
body.arama-sayfasi .srp-res-sep{opacity:.5}
body.arama-sayfasi .srp-res-author{font-style:italic;color:#6b7280}
body.arama-sayfasi .srp-res-meal{font-size:1.25rem;line-height:1.8;color:#0f172a;margin-bottom:.9rem}
body.arama-sayfasi .srp-res-ar{font-size:clamp(2rem,2.6vw,2.8rem);line-height:2.15;color:#0f172a;margin:.4rem 0 .5rem;font-family:'Amiri','Scheherazade New','Noto Naskh Arabic','Times New Roman',serif}
body.arama-sayfasi .srp-res-lat{font-size:1.18rem;line-height:1.85;color:#008000;margin-top:.45rem;font-weight:600}
body.arama-sayfasi .srp-res-loading{font-size:1rem;color:#64748b;margin-top:.4rem}
body.arama-sayfasi .srp-sure-cards{display:grid;gap:.85rem}
body.arama-sayfasi .srp-sure-card{border-radius:20px!important}
body.arama-sayfasi mark.hl{background:#fff3a3;color:#111827;padding:.05em .18em;border-radius:.3em;box-shadow:none}
body.arama-sayfasi .srp-empty{padding:3.4rem 1.2rem!important;border-radius:22px!important}
body.arama-sayfasi .srp-empty-title{font-size:1.2rem!important}
body.arama-sayfasi .srp-empty-sub{font-size:1rem!important}
@media(max-width:700px){html{font-size:16px}body.arama-sayfasi .srp-res-card{padding:1rem}body.arama-sayfasi .srp-res-meal{font-size:1.1rem}body.arama-sayfasi .srp-res-lat{font-size:1.04rem}}


/* ═══════════════════════════════════════
   ANA SAYFA YENİ HERO
═══════════════════════════════════════ */
body.home-page .hdr{background:rgba(255,255,255,.78);border-bottom:1px solid rgba(37,99,235,.12);backdrop-filter:blur(26px);box-shadow:0 10px 30px rgba(15,23,42,.05)}
body.home-page .hdr-in{height:68px;gap:1rem}
body.home-page .logo{color:#111827}
body.home-page .logo-nm{font-size:1rem}
body.home-page .logo-sb{opacity:.5;color:#475569}
body.home-page .site-bg{opacity:1}
body.home-page .sbg-mesh{background:
  radial-gradient(ellipse 78% 46% at 50% -8%,rgba(37,99,235,.12) 0%,transparent 65%),
  radial-gradient(circle at 18% 24%,rgba(96,165,250,.14) 0%,transparent 22%),
  radial-gradient(circle at 82% 20%,rgba(59,130,246,.13) 0%,transparent 20%),
  radial-gradient(circle at 50% 58%,rgba(148,163,184,.08) 0%,transparent 34%),
  linear-gradient(180deg,#f8fbff 0%,#eef4ff 44%,#ffffff 100%) !important}
body.home-page .sbg-geo{opacity:.032 !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none'%3E%3Ccircle cx='60' cy='60' r='40' stroke='%232563eb' stroke-opacity='.22' stroke-width='1'/%3E%3Cpath d='M60 16L71 43L100 43L77 60L86 88L60 72L34 88L43 60L20 43L49 43Z' stroke='%2360a5fa' stroke-opacity='.18' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") !important;background-size:120px 120px}
body.home-page .bg-ar{color:rgba(37,99,235,.048) !important;filter:blur(.1px)}
body.home-page .hnav a{color:#475569;background:rgba(255,255,255,.55);border:1px solid rgba(37,99,235,.08)}
body.home-page .hnav a:hover{background:rgba(37,99,235,.08);color:#2563eb}
.home-top-link{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.05rem;border-radius:999px;background:linear-gradient(135deg,#ffffff,#eff6ff);border:1px solid rgba(37,99,235,.12);color:#1d4ed8;font-weight:700;font-size:.8rem;box-shadow:0 14px 32px rgba(37,99,235,.08);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.home-top-link:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(37,99,235,.12);background:linear-gradient(135deg,#ffffff,#dbeafe)}
.home-top-link .ico{font-size:1rem;line-height:1}
.home-main{padding:0 0 5rem !important}
.hero-shell{position:relative;z-index:1;max-width:min(1120px,calc(100% - 28px));margin:0 auto;padding:clamp(3.5rem,12vh,8rem) 0 2rem}
.hero-card{position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(37,99,235,.10);background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.78) 100%);box-shadow:0 28px 90px rgba(37,99,235,.10),0 12px 30px rgba(15,23,42,.05);backdrop-filter:blur(18px);padding:clamp(1.25rem,2.5vw,2rem)}
.hero-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top center,rgba(96,165,250,.12),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.35),transparent 38%);pointer-events:none}
.hero-card::after{content:"";position:absolute;inset:18px;border-radius:26px;border:1px solid rgba(148,163,184,.18);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1.35rem;align-items:center}
.hero-copy{position:relative;padding:1rem 1rem 1rem .4rem;z-index:2}
.hero-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .9rem;border-radius:999px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.12);color:#1d4ed8;font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem}
.hero-kicker .dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#60a5fa);box-shadow:0 0 0 6px rgba(59,130,246,.12)}
.hero-ar{font-family:var(--fa);font-size:clamp(2rem,5vw,3.45rem);line-height:1.85;color:#1e3a8a;direction:rtl;text-shadow:0 10px 24px rgba(37,99,235,.10);margin-bottom:.5rem}
.hero-title{font-family:var(--fc);font-size:clamp(1.6rem,3.8vw,2.8rem);line-height:1.12;color:#0f172a;letter-spacing:.02em;margin:0 0 .8rem}
.hero-desc{font-size:1rem;line-height:1.85;color:#475569;max-width:640px}
.hero-meta{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.15rem 0 1.35rem}
.hero-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .9rem;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.20);font-size:.83rem;color:#334155;font-weight:700;box-shadow:0 10px 20px rgba(15,23,42,.04)}
.hero-pill b{font-family:var(--fc);font-size:.86rem;color:#1d4ed8}
.hero-search-wrap{position:relative;max-width:620px;margin-top:.25rem}
.hero-search-ring{position:absolute;inset:-14px -16px;border-radius:30px;background:radial-gradient(circle at center,rgba(96,165,250,.20),transparent 68%);filter:blur(14px);pointer-events:none;animation:heroPulse 5.2s ease-in-out infinite}
@keyframes heroPulse{0%,100%{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}
.hero-search-wrap .srch-wrap{max-width:none;margin:0}
.hero-search-wrap .srch-inp{position:relative;height:66px;padding:0 70px 0 24px;border-radius:24px;font-size:1rem;background:rgba(255,255,255,.96);border:1px solid rgba(37,99,235,.14);color:#0f172a;box-shadow:0 20px 40px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.7)}
.hero-search-wrap .srch-inp::placeholder{color:#64748b}
.hero-search-wrap .srch-inp:focus{border-color:rgba(37,99,235,.38);background:#fff;box-shadow:0 24px 44px rgba(37,99,235,.12),0 0 0 4px rgba(59,130,246,.12)}
.hero-search-wrap .srch-ic{right:22px;font-size:1.12rem;color:#2563eb}
.hero-search-wrap .srch-drop{top:calc(100% + 12px);background:rgba(255,255,255,.98);border:1px solid rgba(37,99,235,.12);box-shadow:0 22px 50px rgba(15,23,42,.12);backdrop-filter:blur(18px)}
.hero-search-hint{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem}
.hero-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .78rem;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.20);font-size:.76rem;color:#475569;box-shadow:0 10px 20px rgba(15,23,42,.035)}
.hero-chip em{font-style:normal;color:#1d4ed8;font-weight:800}
.hero-side{position:relative;display:flex;align-items:stretch;justify-content:center;min-height:420px;z-index:1}
.hero-side-card{position:relative;width:100%;border-radius:30px;background:linear-gradient(160deg,rgba(219,234,254,.92) 0%,rgba(255,255,255,.9) 44%,rgba(239,246,255,.92) 100%);border:1px solid rgba(37,99,235,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 18px 50px rgba(37,99,235,.08);padding:1.15rem;overflow:hidden}
.hero-side-card::before{content:"";position:absolute;inset:-10% auto auto -10%;width:180px;height:180px;background:radial-gradient(circle,rgba(59,130,246,.16),transparent 65%);animation:floatOrb 7s ease-in-out infinite}
.hero-side-card::after{content:"";position:absolute;right:-28px;bottom:-34px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(37,99,235,.12);animation:spinSlow 18s linear infinite}
@keyframes floatOrb{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,16px)}}
@keyframes spinSlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.hero-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem;position:relative;z-index:2}
.hero-panel-tag{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .78rem;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(37,99,235,.1);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#1d4ed8}
.hero-panel-tag .mini{width:6px;height:6px;border-radius:999px;background:#2563eb}
.hero-panel-num{font-family:var(--fc);font-size:.9rem;color:#1d4ed8}
.hero-verse-card{position:relative;z-index:2;border-radius:24px;padding:1.15rem;background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 36px rgba(15,23,42,.06)}
.hero-verse-card h3{font-size:.85rem;color:#334155;font-weight:800;letter-spacing:.03em;margin-bottom:.7rem}
.hero-verse-ar{font-family:var(--fa);font-size:clamp(1.45rem,3vw,2rem);line-height:2.05;direction:rtl;color:#0f172a;text-align:right;margin-bottom:.55rem}
.hero-verse-lat{font-size:.84rem;line-height:1.8;color:#1d4ed8;font-weight:700;margin-bottom:.55rem}
.hero-verse-mean{font-size:.85rem;line-height:1.8;color:#475569}
.hero-mini-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.85rem}
.hero-mini-box{padding:.9rem;border-radius:20px;background:rgba(255,255,255,.66);border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 28px rgba(15,23,42,.05)}
.hero-mini-box strong{display:block;font-size:1.1rem;font-family:var(--fc);color:#0f172a}
.hero-mini-box span{display:block;font-size:.76rem;color:#64748b;margin-top:.15rem}
.hero-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:34px}
.hero-orbit,.hero-wave,.hero-badge,.hero-float-letter{position:absolute;pointer-events:none}
.hero-orbit{border-radius:999px;border:1px solid rgba(37,99,235,.12)}
.hero-orbit.orbit-a{width:220px;height:220px;right:18%;top:7%;animation:spinSlow 18s linear infinite}
.hero-orbit.orbit-b{width:300px;height:300px;right:2%;top:16%;animation:spinSlow 28s linear reverse infinite}
.hero-wave{left:-10%;right:-10%;height:170px;background:radial-gradient(ellipse at center,rgba(59,130,246,.08) 0%,transparent 70%);filter:blur(8px);animation:waveMove 8s ease-in-out infinite}
.hero-wave.wave-a{top:58%}
.hero-wave.wave-b{top:20%;animation-delay:-4s}
@keyframes waveMove{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(2%) translateY(-8px)}}
.hero-badge{display:flex;align-items:center;gap:.55rem;padding:.65rem .85rem;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(37,99,235,.12);box-shadow:0 12px 26px rgba(37,99,235,.08);color:#1d4ed8;font-size:.8rem;font-weight:800;backdrop-filter:blur(10px);animation:floatBadge 6s ease-in-out infinite}
.hero-badge::before{content:"۞";font-family:var(--fa);font-size:1rem;color:#2563eb}
.hero-badge.badge-a{top:13%;left:52%}
.hero-badge.badge-b{bottom:10%;left:9%;animation-delay:-3s}
.hero-badge.badge-c{top:56%;right:6%;animation-delay:-1.5s}
@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hero-float-letter{font-family:var(--fa);color:rgba(37,99,235,.16);animation:floatLetter linear infinite}
.hero-float-letter.l1{font-size:2.6rem;left:4%;top:12%;animation-duration:11s}
.hero-float-letter.l2{font-size:2rem;right:33%;top:12%;animation-duration:10s;animation-delay:-4s}
.hero-float-letter.l3{font-size:2.4rem;left:43%;bottom:10%;animation-duration:12s;animation-delay:-6s}
.hero-float-letter.l4{font-size:2rem;right:8%;bottom:16%;animation-duration:9s;animation-delay:-2s}
@keyframes floatLetter{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(6deg)}}
.section-wrap{max-width:min(1120px,calc(100% - 28px));margin:0 auto}
.home-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:1.3rem auto 1.9rem}
.home-stat{padding:1rem 1.05rem;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,250,252,.88));border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 32px rgba(15,23,42,.05);text-align:center}
.home-stat strong{display:block;font-family:var(--fc);font-size:1.35rem;color:#0f172a}
.home-stat span{display:block;font-size:.74rem;color:#64748b;margin-top:.15rem;text-transform:uppercase;letter-spacing:.06em}
.home-list-card,.home-pop-card{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,250,252,.88));border:1px solid rgba(148,163,184,.18);border-radius:28px;box-shadow:0 22px 54px rgba(15,23,42,.06);backdrop-filter:blur(12px)}
.home-list-card{padding:1.25rem}
.home-pop-card{padding:1.15rem;margin-top:1rem}
.home-page .sc{background:rgba(255,255,255,.82);border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 24px rgba(15,23,42,.04)}
.home-page .sc:hover{border-color:rgba(37,99,235,.18);box-shadow:0 18px 34px rgba(37,99,235,.08);background:#fff}
.home-page .sc-n{background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(96,165,250,.08));border-color:rgba(37,99,235,.14);color:#1d4ed8}
.home-page .sc-tr{color:#0f172a}
.home-page .sc-ar{color:#2563eb}
.home-page .sc-m{color:#64748b}
.home-page .sh h2{color:#0f172a}
.home-page .sh-ln{background:linear-gradient(to right,rgba(37,99,235,.18),transparent)}
.home-page .pop-pill{background:rgba(255,255,255,.84);border-color:rgba(148,163,184,.18);color:#334155;box-shadow:0 10px 22px rgba(15,23,42,.04)}
.home-page .pop-pill:hover{color:#1d4ed8;border-color:rgba(37,99,235,.18);background:#fff}
.home-page .ft-wrap{background:linear-gradient(180deg,rgba(245,249,255,.82),rgba(236,244,255,.92));border-top:1px solid rgba(148,163,184,.18)}
.home-page .ft-logo{color:#1d4ed8}
.home-page .ft-links a{color:#475569}.home-page .ft-links a:hover{color:#1d4ed8}
.home-page .ft-copy{color:#64748b;opacity:.75}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .hero-side{min-height:auto}
  .hero-shell{padding-top:clamp(2.9rem,10vh,5.25rem)}
  .hero-badge.badge-a{left:auto;right:9%;top:9%}
  .hero-badge.badge-b{left:6%;bottom:12%}
  .hero-badge.badge-c{right:7%;bottom:4%;top:auto}
  .home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  body.home-page .hdr-in{height:64px;padding:0 .9rem;gap:.7rem}
  .home-top-link{padding:.62rem .82rem;font-size:.74rem}
  .home-top-link span.txt{display:none}
  .hero-shell{max-width:calc(100% - 18px);padding:2.3rem 0 1.25rem}
  .hero-card{border-radius:26px;padding:1rem}
  .hero-card::after{inset:10px;border-radius:18px}
  .hero-copy{padding:.55rem .2rem 0}
  .hero-kicker{font-size:.68rem;padding:.45rem .68rem}
  .hero-desc{font-size:.92rem;line-height:1.72}
  .hero-meta{gap:.5rem;margin:1rem 0 1.05rem}
  .hero-pill{font-size:.74rem;padding:.55rem .72rem}
  .hero-search-wrap .srch-inp{height:58px;border-radius:20px;padding:0 58px 0 18px;font-size:.95rem}
  .hero-search-wrap .srch-ic{right:18px;font-size:1rem}
  .hero-search-hint{gap:.45rem}
  .hero-chip{font-size:.7rem;padding:.44rem .62rem}
  .hero-side-card{border-radius:22px;padding:.9rem}
  .hero-verse-card{border-radius:18px;padding:.95rem}
  .hero-verse-ar{font-size:1.36rem;line-height:1.95}
  .hero-mini-grid{grid-template-columns:1fr 1fr}
  .hero-mini-box{padding:.8rem;border-radius:16px}
  .hero-orbit.orbit-a,.hero-orbit.orbit-b,.hero-badge.badge-c{display:none}
  .hero-badge.badge-a{top:11%;right:8%;left:auto}
  .hero-badge.badge-b{left:5%;bottom:8%}
  .hero-float-letter{display:none}
  .section-wrap{max-width:calc(100% - 18px)}
  .home-list-card,.home-pop-card{border-radius:22px}
  .home-list-card{padding:.85rem}
  .home-stats{gap:.6rem;margin:1rem auto 1.4rem}
  .home-stat{padding:.9rem .55rem;border-radius:18px}
  .home-stat strong{font-size:1.08rem}
  .home-stat span{font-size:.66rem}
}

/* ===== HOME V48 REDESIGN ===== */
body.home-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 20% 10%, rgba(59,130,246,.18), transparent 30%),
    radial-gradient(circle at 80% 12%, rgba(16,185,129,.12), transparent 28%),
    radial-gradient(circle at 50% 78%, rgba(37,99,235,.12), transparent 36%),
    linear-gradient(180deg,#eef4ff 0%,#e9f0ff 38%,#f5f8ff 100%);
}
body.home-page .site-bg{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
body.home-page .site-bg::before,
body.home-page .site-bg::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(18px);
  opacity:.8;
}
body.home-page .site-bg::before{
  width:42vw;height:42vw;min-width:320px;min-height:320px;
  left:-8vw;top:-10vw;
  background:radial-gradient(circle, rgba(37,99,235,.20) 0%, rgba(96,165,250,.12) 35%, transparent 68%);
  animation:bgFloatOne 18s ease-in-out infinite;
}
body.home-page .site-bg::after{
  width:34vw;height:34vw;min-width:280px;min-height:280px;
  right:-6vw;top:12vh;
  background:radial-gradient(circle, rgba(14,165,233,.18) 0%, rgba(59,130,246,.10) 34%, transparent 70%);
  animation:bgFloatTwo 22s ease-in-out infinite;
}
body.home-page .sbg-mesh{
  position:absolute;inset:-10%;
  background:
    linear-gradient(rgba(37,99,235,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37,99,235,.045) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at center, #000 30%, transparent 82%);
  animation:bgMeshMove 22s linear infinite;
}
body.home-page .sbg-geo{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 35% 18%, rgba(255,255,255,.85) 0%, transparent 16%),
    radial-gradient(circle at 72% 62%, rgba(255,255,255,.7) 0%, transparent 20%),
    radial-gradient(circle at 18% 78%, rgba(255,255,255,.65) 0%, transparent 16%);
}
body.home-page #bgL{
  position:absolute;inset:-8%;
}
body.home-page .bg-ar{
  position:absolute;
  top:110%;
  color:rgba(29,78,216,.12);
  text-shadow:0 10px 24px rgba(255,255,255,.6);
  will-change:transform,opacity;
}
@keyframes bgFloatOne{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(5vw,4vh,0) scale(1.08)}}
@keyframes bgFloatTwo{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-4vw,7vh,0) scale(1.06)}}
@keyframes bgMeshMove{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(42px,42px,0)}}

body.home-page .hdr{
  position:sticky;
  top:0;
  z-index:5;
  background:rgba(238,244,255,.62);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(148,163,184,.18);
}
body.home-page .hdr-in{max-width:min(1180px, calc(100% - 22px));}
body.home-page .home-main-v2{
  position:relative;
  z-index:1;
  max-width:min(1180px,calc(100% - 22px));
  margin:0 auto;
  padding:1rem 0 3rem;
}
.home-focus{
  padding-top:.4rem;
}
.home-focus__inner{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(148,163,184,.20);
  background:linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.72) 100%);
  box-shadow:0 26px 80px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(16px);
  padding:1.2rem;
}
.home-focus__inner::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.6);
  pointer-events:none;
}
.home-title-block{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  padding:.3rem .2rem 1rem;
}
.home-page-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:.45rem .85rem;
  border-radius:999px;
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.13);
  color:#1d4ed8;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.home-page-title{
  margin:0;
  font-family:var(--fc);
  font-size:clamp(1.8rem,4vw,3.25rem);
  line-height:1.04;
  color:#0f172a;
}
.home-page-subtitle{
  margin:0;
  max-width:720px;
  color:#475569;
  font-size:1rem;
  line-height:1.8;
}
.home-stats--top{
  margin:.2rem 0 1rem;
}
.home-search-panel{
  position:relative;
  z-index:2;
  margin:0 0 1rem;
  padding:1rem;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(239,246,255,.92) 0%, rgba(255,255,255,.9) 100%);
  border:1px solid rgba(37,99,235,.12);
  box-shadow:0 18px 42px rgba(37,99,235,.08);
}
.home-search-panel .hero-search-wrap{
  max-width:none;
  margin:0;
}
.home-search-panel .hero-search-ring{
  inset:-8px;
}
.home-search-panel .srch-wrap{max-width:none;}
.home-search-panel .srch-inp{
  height:74px;
  padding:0 74px 0 28px;
  border-radius:26px;
  font-size:1.08rem;
}
.home-search-panel .srch-ic{
  right:24px;
  font-size:1.24rem;
}
.home-quick-links{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin:0 0 1rem;
}
.home-quick-links .pop-pill{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(37,99,235,.12);
  box-shadow:0 10px 22px rgba(15,23,42,.04);
}
.sure-accordion{
  position:relative;
  z-index:2;
  border:1px solid rgba(37,99,235,.12);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(247,250,255,.88) 100%);
  box-shadow:0 22px 48px rgba(37,99,235,.08);
  overflow:hidden;
}
.sure-accordion > summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1.05rem 1.15rem;
  cursor:pointer;
  user-select:none;
  background:rgba(239,246,255,.86);
  border-bottom:1px solid rgba(37,99,235,.08);
}
.sure-accordion > summary::-webkit-details-marker{display:none}
.sure-accordion > summary::after{
  content:"⌃";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;height:34px;
  border-radius:999px;
  background:#fff;
  color:#1d4ed8;
  font-size:1rem;
  font-weight:900;
  box-shadow:0 10px 20px rgba(37,99,235,.08);
  transition:transform .25s ease;
}
.sure-accordion:not([open]) > summary::after{transform:rotate(180deg)}
.sure-accordion__title{display:flex;flex-direction:column;gap:.18rem}
.sure-accordion__eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b}
.sure-accordion__title strong{font-size:1.2rem;color:#0f172a}
.sure-accordion__meta{
  display:inline-flex;align-items:center;gap:.35rem;
  padding:.55rem .8rem;border-radius:999px;
  background:rgba(255,255,255,.84);border:1px solid rgba(37,99,235,.1);
  color:#1d4ed8;font-size:.82rem;font-weight:800;
}
.sure-accordion__body{padding:1rem}
.sure-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:.7rem;
}
.home-kuran-decor{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}
.home-kuran-decor .kd{
  position:absolute;
  font-family:var(--fa);
  color:rgba(37,99,235,.10);
  filter:drop-shadow(0 12px 18px rgba(255,255,255,.75));
  animation:kuranDrift 12s ease-in-out infinite;
}
.home-kuran-decor .kd-1{font-size:3rem;left:3%;top:16%;animation-duration:13s}
.home-kuran-decor .kd-2{font-size:2.2rem;right:12%;top:12%;animation-delay:-4s}
.home-kuran-decor .kd-3{font-size:2.8rem;right:6%;bottom:18%;animation-duration:16s;animation-delay:-2s}
.home-kuran-decor .kd-4{font-size:4rem;left:8%;bottom:11%;animation-duration:14s;animation-delay:-7s}
.home-kuran-decor .kd-5{font-size:2.5rem;left:48%;top:8%;animation-duration:18s;animation-delay:-5s}
@keyframes kuranDrift{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-12px,0) rotate(4deg)}}

body.home-page .ft-wrap{
  position:relative;
  z-index:1;
  max-width:min(1180px,calc(100% - 22px));
  margin:0 auto 1.6rem;
}

@media (max-width: 900px){
  .home-focus__inner{padding:1rem}
  .home-search-panel .srch-inp{height:66px;font-size:1rem;padding:0 64px 0 20px}
  .sure-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
}
@media (max-width: 640px){
  body.home-page .home-main-v2{max-width:calc(100% - 14px);padding:.7rem 0 2rem}
  .home-focus__inner{border-radius:24px;padding:.9rem}
  .home-focus__inner::before{inset:8px;border-radius:18px}
  .home-title-block{padding:.2rem .1rem .8rem}
  .home-page-kicker{font-size:.68rem;padding:.42rem .72rem}
  .home-page-subtitle{font-size:.92rem;line-height:1.7}
  .home-stats--top{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.85rem}
  .home-search-panel{padding:.85rem;border-radius:22px}
  .home-search-panel .srch-inp{height:58px;border-radius:20px;font-size:.96rem;padding:0 56px 0 16px}
  .home-search-panel .srch-ic{right:17px;font-size:1rem}
  .home-search-panel .hero-search-hint{gap:.45rem;margin-top:.75rem}
  .home-search-panel .hero-chip{font-size:.7rem;padding:.42rem .62rem}
  .sure-accordion{border-radius:22px}
  .sure-accordion > summary{padding:.9rem .9rem}
  .sure-accordion > summary::after{width:30px;height:30px}
  .sure-accordion__title strong{font-size:1.05rem}
  .sure-accordion__body{padding:.75rem}
  .sure-grid{grid-template-columns:1fr;gap:.6rem}
  .home-kuran-decor .kd-2,.home-kuran-decor .kd-3{display:none}
  .home-kuran-decor .kd-1{font-size:2.2rem;left:3%;top:12%}
  .home-kuran-decor .kd-4{font-size:2.8rem;left:auto;right:6%;bottom:12%}
  .home-kuran-decor .kd-5{font-size:1.8rem;left:52%;top:10%}
}


/* v49 home search overlay + header toggle */
body.home-page .home-search-panel,
body.home-page .home-search-panel .srch-wrap{overflow:visible;}
body.home-page .srch-drop{
  position:fixed !important;
  top:var(--home-drop-top, 160px);
  left:var(--home-drop-left, 12px);
  width:var(--home-drop-width, calc(100vw - 24px));
  right:auto !important;
  z-index:99999 !important;
  max-height:min(62vh, 560px);
  margin:0;
}
body.home-page .srch-drop.open{display:block !important;}
body.home-page .hero-search-hint,
body.home-page .home-quick-links{display:none !important;}
body.home-page .sure-accordion:not([open]) > summary{border-bottom:none;}
body.home-page .sure-accordion:not([open]) > .sure-accordion__body{display:none;}
@media (max-width: 640px){
  body.home-page .srch-drop{max-height:min(58vh, 460px);}
}


/* v50 footer + full width + hidden sure panel */
body{padding-bottom:110px !important;}
.ft-wrap{
  position:fixed !important;
  left:0; right:0; bottom:0;
  width:100%;
  margin:0 !important;
  padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom,0px)) !important;
  z-index:5000 !important;
  border-top:1px solid rgba(37,99,235,.12) !important;
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(18px);
  box-shadow:0 -14px 34px rgba(15,23,42,.08);
}
.ft-inner{
  width:100%;
  max-width:none !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.2rem;
  text-align:center;
}
.ft-links{display:none !important;}
.ft-logo,.ft-copy{margin:0 !important;}
.ft-logo{font-size:.98rem !important; line-height:1.2;}
.ft-copy{font-size:.92rem !important; color:#475569 !important;}
body.home-page .hdr-in,
body.home-page .home-main-v2,
body.home-page .ft-inner{
  max-width:none !important;
  width:calc(100% - 16px) !important;
}
body.home-page .home-main-v2{
  padding:1rem 0 6.2rem !important;
}
body.home-page .home-focus__inner,
body.home-page .home-search-panel,
body.home-page .sure-accordion{width:100% !important;}
body.home-page .sure-accordion{
  display:none;
  overflow:visible;
}
body.home-page .sure-accordion.is-open{display:block;}
body.home-page .sure-accordion > summary{display:none !important;}
body.home-page .sure-accordion > .sure-accordion__body{
  display:block !important;
  padding:.8rem !important;
}
body.home-page .srch-drop{
  z-index:2147483647 !important;
}
@media (max-width:640px){
  body{padding-bottom:102px !important;}
  body.home-page .hdr-in,
  body.home-page .home-main-v2,
  body.home-page .ft-inner{width:calc(100% - 10px) !important;}
}


/* v51 center title + full footer + real top-layer search */
.home-title-block{align-items:center !important;text-align:center !important;}
.home-page-kicker{margin-inline:auto !important;}
.home-page-title{text-align:center !important;margin-inline:auto !important;width:100% !important;}
.home-page-subtitle{text-align:center !important;margin-inline:auto !important;max-width:100% !important;}

body{padding-bottom:108px !important;}
.ft-wrap{
  position:fixed !important;
  left:0 !important; right:0 !important; bottom:0 !important;
  width:100vw !important;
  margin:0 !important;
  padding:0 !important;
  z-index:6000 !important;
  background:rgba(255,255,255,.97) !important;
  border-top:1px solid rgba(37,99,235,.12) !important;
  backdrop-filter:blur(18px) !important;
  box-shadow:0 -10px 28px rgba(15,23,42,.08) !important;
}
.ft-inner{
  width:100vw !important;
  max-width:100vw !important;
  min-height:82px;
  margin:0 !important;
  padding:.9rem 1rem calc(.9rem + env(safe-area-inset-bottom,0px)) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.2rem !important;
  text-align:center !important;
}
.ft-links{display:none !important;}
.ft-logo,.ft-copy{margin:0 !important;width:100% !important;text-align:center !important;}
.ft-logo{font-size:clamp(.95rem,2.2vw,1.15rem) !important;line-height:1.25 !important;}
.ft-copy{font-size:.95rem !important;color:#64748b !important;}

#globalSearchLayer{
  position:fixed !important;
  inset:0 !important;
  overflow:visible !important;
  pointer-events:none !important;
  z-index:2147483647 !important;
}
#globalSearchLayer .srch-drop,
body .srch-drop{
  position:absolute !important;
  z-index:2147483647 !important;
  pointer-events:auto !important;
  isolation:isolate !important;
}

body.home-page .home-main-v2{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:1rem .55rem 6.2rem !important;
}
body.home-page .hdr-in{width:100% !important;max-width:none !important;}
body.home-page .home-focus__inner,
body.home-page .home-search-panel,
body.home-page .sure-accordion{width:100% !important;max-width:none !important;}
body.home-page .sure-accordion,
body.home-page .sure-accordion[open]:not(.is-open){display:none !important;}
body.home-page .sure-accordion.is-open{display:block !important;}
body.home-page .sure-accordion > summary{display:none !important;}
body.home-page .sure-accordion > .sure-accordion__body{display:block !important;padding:.85rem !important;}

@media (max-width:640px){
  body{padding-bottom:100px !important;}
  .ft-inner{min-height:76px;padding:.78rem .8rem calc(.78rem + env(safe-area-inset-bottom,0px)) !important;}
  body.home-page .home-main-v2{padding:.8rem .35rem 5.9rem !important;}
}


/* v52 full-width fixed footer */
html,body{max-width:100% !important;overflow-x:hidden !important;}
body{padding-bottom:104px !important;}
.ft-wrap{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:auto !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  transform:none !important;
  z-index:2147483000 !important;
  background:rgba(255,255,255,.98) !important;
  border-top:1px solid rgba(37,99,235,.12) !important;
  box-shadow:0 -10px 28px rgba(15,23,42,.08) !important;
  backdrop-filter:blur(18px) !important;
}
.ft-inner{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom,0px)) !important;
  min-height:80px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.18rem !important;
  text-align:center !important;
}
.ft-links{display:none !important;}
.ft-logo,.ft-copy{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
}
.ft-logo{font-size:clamp(1rem,2vw,1.18rem) !important;line-height:1.2 !important;color:#2563eb !important;letter-spacing:.08em !important;}
.ft-copy{font-size:.95rem !important;line-height:1.2 !important;color:#64748b !important;opacity:1 !important;}
.ft-copy-mark{font-size:1em !important;vertical-align:baseline !important;}
@media (max-width:640px){
  body{padding-bottom:96px !important;}
  .ft-inner{min-height:74px !important;padding:.72rem .8rem calc(.72rem + env(safe-area-inset-bottom,0px)) !important;}
}


/* v54 anasayfa üst bar sabitleme */
body.home-page .hdr{
  position:sticky !important;
  top:0 !important;
  z-index:950 !important;
}


/* v55 mavi header butonları ve Kuran ikonlu arama */
.logo-ring{
  background:#2563eb !important;
  background-image:none !important;
  border-color:#2563eb !important;
  color:#ffffff !important;
  box-shadow:0 10px 24px rgba(37,99,235,.22) !important;
}
.logo-ring *{
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
}
.home-top-link,
body.unified-top .header-search-toggle{
  background:#2563eb !important;
  background-image:none !important;
  border-color:#2563eb !important;
  color:#ffffff !important;
  box-shadow:0 10px 24px rgba(37,99,235,.22) !important;
}
.home-top-link:hover,
body.unified-top .header-search-toggle:hover{
  background:#1d4ed8 !important;
  border-color:#1d4ed8 !important;
  color:#ffffff !important;
}
.home-top-link .ico,
.home-top-link .txt,
body.unified-top .header-search-toggle .ico,
body.unified-top .header-search-toggle .txt{
  color:#ffffff !important;
}
.home-top-link .ico,
body.unified-top .header-search-toggle .ico{
  font-size:1rem !important;
  line-height:1 !important;
}

/* v56 header arka plan düzeltme */
.logo-ring{
  background:linear-gradient(135deg,var(--grn),var(--grn2)) !important;
  border-color:rgba(212,168,32,.26) !important;
  color:var(--dk) !important;
  box-shadow:none !important;
}
.logo-ring *{
  color:inherit !important;
  fill:currentColor !important;
  stroke:currentColor !important;
}
.home-top-link,
body.unified-top .header-search-toggle{
  background:linear-gradient(135deg,#ffffff,#eff6ff) !important;
  border-color:rgba(37,99,235,.12) !important;
  color:#1d4ed8 !important;
  box-shadow:0 14px 32px rgba(37,99,235,.08) !important;
}
.home-top-link:hover,
body.unified-top .header-search-toggle:hover{
  background:linear-gradient(135deg,#ffffff,#dbeafe) !important;
  border-color:rgba(37,99,235,.18) !important;
  color:#1d4ed8 !important;
}
.home-top-link .ico,
.home-top-link .txt,
body.unified-top .header-search-toggle .ico,
body.unified-top .header-search-toggle .txt{
  color:#1d4ed8 !important;
}


/* v58 ara butonu kesin düzeltme + mobil tap highlight kapatma */
.home-top-link,
body.unified-top .header-search-toggle,
a.home-top-link,
body.unified-top a.header-search-toggle,
body.unified-top .hdr .home-top-link,
body.unified-top .hdr .header-search-toggle{
  -webkit-tap-highlight-color: transparent !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  background:#ffffff !important;
  background-image:none !important;
  background-color:#ffffff !important;
  border:1px solid rgba(148,163,184,.28) !important;
  color:#475569 !important;
  box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
}
.home-top-link:hover,
.home-top-link:focus,
.home-top-link:active,
body.unified-top .header-search-toggle:hover,
body.unified-top .header-search-toggle:focus,
body.unified-top .header-search-toggle:active,
a.home-top-link:hover,
a.home-top-link:focus,
a.home-top-link:active,
body.unified-top a.header-search-toggle:hover,
body.unified-top a.header-search-toggle:focus,
body.unified-top a.header-search-toggle:active{
  background:#f8fafc !important;
  background-image:none !important;
  background-color:#f8fafc !important;
  border-color:rgba(148,163,184,.34) !important;
  color:#334155 !important;
}
.home-top-link .txt,
.home-top-link .ico,
body.unified-top .header-search-toggle .txt,
body.unified-top .header-search-toggle .ico,
a.home-top-link .txt,
a.home-top-link .ico,
body.unified-top a.header-search-toggle .txt,
body.unified-top a.header-search-toggle .ico{
  background:transparent !important;
  background-color:transparent !important;
  color:#475569 !important;
}


/* v59 ara butonu sert düzeltme */
body.home-page .home-top-link,
body.home-page a.home-top-link,
body.unified-top .home-top-link,
body.unified-top a.home-top-link,
body.unified-top .header-search-toggle,
body.unified-top a.header-search-toggle,
body.unified-top .hdr .home-top-link,
body.unified-top .hdr .header-search-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:auto !important;
  height:auto !important;
  padding:.68rem 1.05rem !important;
  border-radius:999px !important;
  background:#f8fafc !important;
  background-color:#f8fafc !important;
  background-image:none !important;
  border:1px solid rgba(148,163,184,.28) !important;
  color:#475569 !important;
  box-shadow:none !important;
  filter:none !important;
  outline:none !important;
  text-decoration:none !important;
  -webkit-tap-highlight-color:transparent !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
body.home-page .home-top-link:hover,
body.home-page .home-top-link:focus,
body.home-page .home-top-link:active,
body.home-page a.home-top-link:hover,
body.home-page a.home-top-link:focus,
body.home-page a.home-top-link:active,
body.unified-top .home-top-link:hover,
body.unified-top .home-top-link:focus,
body.unified-top .home-top-link:active,
body.unified-top a.home-top-link:hover,
body.unified-top a.home-top-link:focus,
body.unified-top a.home-top-link:active,
body.unified-top .header-search-toggle:hover,
body.unified-top .header-search-toggle:focus,
body.unified-top .header-search-toggle:active,
body.unified-top a.header-search-toggle:hover,
body.unified-top a.header-search-toggle:focus,
body.unified-top a.header-search-toggle:active{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  border-color:rgba(148,163,184,.34) !important;
  color:#334155 !important;
  box-shadow:none !important;
}
body.home-page .home-top-link::before,
body.home-page .home-top-link::after,
body.unified-top .home-top-link::before,
body.unified-top .home-top-link::after,
body.unified-top .header-search-toggle::before,
body.unified-top .header-search-toggle::after{
  content:none !important;
  display:none !important;
}
body.home-page .home-top-link .txt,
body.home-page .home-top-link .ico,
body.home-page a.home-top-link .txt,
body.home-page a.home-top-link .ico,
body.unified-top .home-top-link .txt,
body.unified-top .home-top-link .ico,
body.unified-top a.home-top-link .txt,
body.unified-top a.home-top-link .ico,
body.unified-top .header-search-toggle .txt,
body.unified-top .header-search-toggle .ico,
body.unified-top a.header-search-toggle .txt,
body.unified-top a.header-search-toggle .ico{
  display:inline !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#475569 !important;
}
body.home-page .home-top-link .ico,
body.home-page a.home-top-link .ico,
body.unified-top .home-top-link .ico,
body.unified-top a.home-top-link .ico,
body.unified-top .header-search-toggle .ico,
body.unified-top a.header-search-toggle .ico{
  display:none !important;
}