/* ============================================================================ KUR'AN MEÂLİ — mobil uygulamanın Meal ekranlarının sitedeki cildi. Kaynak: islamarsivi-mobil/www/styles.css (qs/ma/mq/meal/kw/sc/ayp blokları). Palet .ktapp kapsamında (kutuphane-app ile aynı karar: :root'a YAZILMAZ). ============================================================================ */ .ktapp{ --ivory:#F7F4EE; --ivory2:#EFEAE1; --card:#FFFFFF; --espresso:#2A1710; --espresso2:#3A2418; --text:#241308; --text2:#6A5A4E; --muted:#9C8C80; --gold:#B5651D; --goldsoft:#D4956A; --green:#3F6B58; --copper-dark:#8B5A2B; --copper:#B5651D; --copper-light:#D4956A; --border:#EAE1D5; --line:#F0EAE0; --sh:0 1px 2px rgba(42,23,16,.04), 0 6px 18px rgba(42,23,16,.06); --sh-lg:0 2px 6px rgba(42,23,16,.06), 0 16px 34px rgba(42,23,16,.13); font-family:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif; letter-spacing:-.01em; color:var(--text); max-width:820px; margin:0 auto; padding:0 14px 56px; } body.kuranmeali-app{background:#F7F4EE;} .ktapp *{box-sizing:border-box;} .ktapp button{font-family:inherit; cursor:pointer; border:none; background:none; color:inherit;} .ktapp a{text-decoration:none; color:inherit;} .kt-pagehead{padding:18px 2px 4px;} .kt-pagehead h1{font-family:'Playfair Display',Georgia,serif; font-size:30px; font-weight:700; color:var(--espresso); margin:0 0 6px; letter-spacing:.005em;} .kt-pagehead .cizgi{width:64px; height:3px; border-radius:2px; background:var(--copper); display:block;} .kt-breadcrumb{max-width:820px;margin:0 auto;padding:14px 16px 0;font-size:12.5px;color:#8b7d70;display:flex;gap:8px;align-items:center;} .kt-breadcrumb a{color:#8b7d70;text-decoration:none;} .kt-breadcrumb a:hover{color:#B5651D;} /* ─── APP'TEN TAŞINAN BLOKLAR ────────────────────────────────────────────── */ .fk-ar .iar-ayet-no{color:var(--copper); font-size:.72em;} .qs-top2{padding:2px 16px 6px;} .qs-list{padding:2px 16px 10px;} .qs-row{display:flex; align-items:center; gap:13px; width:100%; text-align:left; padding:12px 14px; margin-bottom:9px; background:var(--card); border:1px solid var(--line); border-radius:15px; box-shadow:var(--sh); color:var(--text);} .qs-no{flex:0 0 auto; width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:11px; background:var(--ivory2); color:var(--copper-dark); font-size:14px; font-weight:700; font-variant-numeric:tabular-nums;} .qs-b{flex:1; min-width:0;} .qs-b b{display:block; font-size:15px; font-weight:600; color:var(--text);} .qs-b small{display:block; font-size:11.5px; color:var(--muted); margin-top:2px;} .qs-ar{flex:0 0 auto; font-family:"Reem Kufi","Amiri",serif; font-weight:600; font-size:21px; color:var(--copper); line-height:1; max-width:42%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right;} /* Sûre başı bilgilendirme (kapanabilir) */ .sure-intro{margin:2px 8px 18px; text-align:center;} .sure-intro-body{font-size:13.5px; line-height:1.8; color:#6A5540; text-align:justify; max-height:0; overflow:hidden; opacity:0; transition:max-height .28s ease, opacity .22s ease, margin .22s ease; padding:0 4px;} .sure-intro.on .sure-intro-body{max-height:1600px; opacity:1; margin-bottom:11px;} .sure-intro-toggle{background:#EFE6D6; border:0; color:#6A5540; font-size:12px; font-weight:600; padding:6px 15px; border-radius:9px; cursor:pointer; display:inline-flex; align-items:center; gap:5px;} .sure-intro-toggle .si-open{display:inline;} .sure-intro-toggle .si-close{display:none;} .sure-intro.on .sure-intro-toggle .si-open{display:none;} .sure-intro.on .sure-intro-toggle .si-close{display:inline;} .sure-intro.on .si-chev{transform:rotate(180deg);} .ayah-text.playing, .iar-ayet-no.playing{background:rgba(181,101,29,.18); border-radius:6px;} /* Meal — her âyet ayrı sayfa (âyet → kelime accordion → 11 meal) */ .ma-intro{display:none;} .mq-wrap{padding:0 16px 28px;} /* 11 Meâl başlığı — kompakt, zarif tek satır (sûre adı + âyet seçici) */ .mq-head{display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; margin:10px 0 14px; padding:10px 14px; border:1px solid var(--line); border-radius:12px; background:var(--ivory); color:#2C1810; cursor:pointer; text-align:left;} .mq-h-t{font-size:15px; font-weight:600;} .mq-h-no{display:inline-flex; align-items:center; gap:2px; font-size:14px; color:var(--copper); font-weight:700; white-space:nowrap;} .mq-h-no b{font-size:16px;} .mq-h-tot{opacity:.7; font-weight:500;} .mq-h-no i{font-size:17px; margin-left:3px;} .mq-ar.iar-ayet{display:block; font-size:27px; line-height:2.25; text-align:center; color:var(--espresso); padding:6px 4px 14px; margin-bottom:8px; border-bottom:1px solid var(--line);} .mq-ar .iar-ayet-no{color:var(--copper);} .mq-wrap.ms-in-next{animation:msNext .22s ease-out;} .mq-wrap.ms-in-prev{animation:msPrev .22s ease-out;} /* Tefsir âyet sayfası: konum metni + âyet+meal TEK kart + künye + içerik */ .mq-pos{display:inline-block; margin-top:11px; padding:6px 15px; border-radius:11px; background:rgba(212,149,106,.16); color:var(--goldsoft); font-size:12.5px; font-weight:600; position:relative; z-index:1;} .tf-ayet-card .mq-ar.iar-ayet{border-bottom:0; margin-bottom:0; padding:12px 2px;} .ayp-chip.off{opacity:.3; background:var(--ivory2); box-shadow:none; color:var(--muted); pointer-events:none;} /* âyet seçici grid */ .ayp-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:8px; padding:2px;} .ayp-chip{height:44px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:var(--card); border:1px solid var(--line); box-shadow:var(--sh); font-size:14px; font-weight:600; color:var(--text); font-variant-numeric:tabular-nums;} .ayp-chip.on{background:linear-gradient(150deg,#C97A2E,#9C4F12); color:#fff; border-color:transparent; box-shadow:0 4px 12px rgba(156,79,18,.3);} /* kelime meali accordion */ .kw-toggle{display:inline-flex; align-items:center; gap:7px; background:var(--ivory2); border:1px solid var(--border); border-radius:10px; color:var(--copper-dark); font-size:12.5px; font-weight:600; padding:8px 13px; margin-bottom:2px;} .kw-chev{font-size:13px; transition:transform .25s;} .kw-toggle[aria-expanded="true"] .kw-chev{transform:rotate(180deg);} .kw-collapse{max-height:0; overflow:hidden; transition:max-height .32s ease;} .kw-list{margin:10px 0 2px; border:1px solid var(--line); border-radius:12px; overflow:hidden;} .kw-row{display:grid; grid-template-columns:1.05fr 0.95fr 1.3fr; align-items:center; gap:10px; padding:9px 11px; border-bottom:1px solid var(--line);} .kw-row:last-child{border-bottom:none;} .kw-ar{font-family:"iar-kuran-hat","Amiri",serif; font-size:20px; color:var(--espresso); line-height:1.7; direction:rtl; text-align:right;} .kw-ok{font-size:11px; font-style:italic; color:var(--copper); line-height:1.3;} .kw-kok{font-family:"iar-kuran-hat","Amiri",serif; font-size:13px; color:#8C7B6B; margin-top:2px; direction:rtl;} .kw-tr{font-size:12px; font-weight:600; color:var(--text); line-height:1.3;} .kw-en{font-size:10.5px; color:var(--muted); line-height:1.3; margin-top:1px;} .kw-msg{padding:14px 12px; font-size:12.5px; color:var(--muted); text-align:center;} /* mealler */ .meals-area{margin-top:13px; border-top:1px solid var(--line); padding-top:2px;} .meal-item{padding:11px 0; border-bottom:1px solid var(--line);} .meal-item:last-child{border-bottom:none;} .meal-author{font-size:11px; font-weight:700; color:var(--copper); letter-spacing:.3px; text-transform:uppercase; margin-bottom:4px;} .meal-tr{font-size:14px; line-height:1.72; color:var(--text2);} /* ---------- kopyala / paylaş ikon çubuğu (Meal · Hadis · Tefsir) ---------- */ .sc-bar{display:flex; gap:9px; justify-content:flex-end; align-items:center; margin-top:13px;} .hd-card .sc-bar{margin-top:12px;} .sc-btn{width:33px; height:33px; border-radius:10px; background:var(--ivory2); border:1px solid var(--line); color:var(--copper); display:inline-flex; align-items:center; justify-content:center; padding:0; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:background .15s ease, transform .08s ease;} .sc-btn i{font-size:16px; line-height:1;} .sc-btn:active{transform:scale(.9); background:#EFE6D6;} @media (min-width:834px){ /* 60px'lik kartlar 820px'e yayılmasın */ .ayp-grid{grid-template-columns:repeat(10,1fr);} } /* ─── WEB DÜZELTME KATMANI ───────────────────────────────────────────────── */ /* sure satırları (SEO gerçek link) */ .ktapp a.qs-row{display:flex; width:100%; text-align:left;} .ktapp .qs-row:hover{border-color:var(--copper-light); box-shadow:var(--sh);} @media (max-width:480px){ .ktapp .qs-row{width:100%;} } /* SEO metin bölümü (kütüphane ile aynı dil) */ .kt-seo{max-width:820px; margin:34px auto 0; padding:0 16px;} .kt-seo-inner{background:#FFFDF9; border:1px solid #EAE1D5; border-radius:16px; padding:22px 24px 18px; color:#6A5A4E; font-size:13.5px; line-height:1.72; box-shadow:0 1px 2px rgba(42,23,16,.04), 0 6px 18px rgba(42,23,16,.05);} .kt-seo-inner h2{font-size:17px; color:#2A1710; margin:0 0 6px; font-family:'Playfair Display',Georgia,serif;} .kt-seo-cizgi{display:block; width:46px; height:2.5px; border-radius:2px; background:#B5651D; margin:0 0 12px;} .kt-seo-inner p{margin:0;} /* ─── MEAL ÂYET/SÛRE SAYFASI = APP `mealAyet` EKRANI ────────────────────── Masaüstü ve mobil AYNI: app tek sütunlu, kartsız, fildişi yüzeydir. Sıra: başlık çubuğu → âyet (hat) → kelime meali → mealler. SSR tablosu (mealsTbody) DOM'da kalır; buradaki kurallar onu app bileşenlerine dönüştürür. Ölçüler app styles.css'ten birebir. ────────────────────────────────────────────────────────────────────────── */ body.kuranmeali-app, body:has(#mealsTbody){ background:#F7F4EE; } /* sayfa gövdesi = app .mq-wrap (telefonda tam genişlik, masaüstünde ortalı kolon) */ .ec-body, .ec-crumbs, .ec-heading, .ec-sub-bar, .ec-ayetgrid-wrap{ max-width:760px; margin-left:auto; margin-right:auto; } .ec-body{ padding:0 16px 28px !important; background:none !important; } .ec-table-card{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; margin:0 !important; } .ec-table-card table, .ec-table-card tbody, .ec-table-card tr, .ec-table-card td{ display:block !important; width:100% !important; border:0 !important; padding:0 !important; background:none !important; } .ec-table-card thead, .ec-table-card td.num{ display:none !important; } /* ── 1) Başlık = app .mq-head (tek satır: sûre adı · âyet no / toplam) ──── */ .ec-heading{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; width:auto !important; margin:10px 16px 14px !important; padding:10px 14px !important; border:1px solid #F0EAE0 !important; border-radius:12px !important; background:#F7F4EE !important; color:#2C1810 !important; box-shadow:none !important; min-height:0 !important; overflow:visible !important; } .ec-heading::before, .ec-heading::after{ display:none !important; content:none !important; } .ec-heading-inner{ display:contents !important; } .ec-heading-id{ min-width:0; padding:0 !important; } .ec-heading-label, .ec-heading-meta{ display:none !important; } /* künye penceresinde duruyor */ .ec-heading-name{ font-family:'Playfair Display',Georgia,serif !important; font-size:15px !important; font-weight:600 !important; color:#2C1810 !important; margin:0 !important; line-height:1.3 !important; letter-spacing:0 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .ec-heading-num{ display:inline-flex !important; align-items:center !important; gap:2px !important; flex:0 0 auto; border:0 !important; padding:0 !important; margin:0 !important; font-size:14px !important; color:#B5651D !important; font-weight:700 !important; } .ec-heading-num .ord{ font-family:'Inter',-apple-system,sans-serif !important; font-style:normal !important; font-size:16px !important; font-weight:700 !important; color:#B5651D !important; border:0 !important; padding:0 !important; line-height:1 !important; letter-spacing:0 !important; } .ec-heading-num .of{ opacity:.7 !important; font-weight:500 !important; font-size:14px !important; color:#B5651D !important; margin:0 !important; } /* ── 2) Âyet = app .mq-ar (ortalı hat, altında ince çizgi) ─────────────── */ .ec-table-card tr.r-ar{ margin:0 !important; } .ec-table-card tr.r-ar td.name{ display:none !important; } .ec-table-card tr.r-ar td.text{ display:block !important; text-align:center !important; font-family:'iar-kuran-hat',serif !important; font-size:27px !important; line-height:2.25 !important; color:#2A1710 !important; padding:6px 4px 14px !important; margin-bottom:8px !important; border-bottom:1px solid #F0EAE0 !important; font-feature-settings:"calt" 1,"liga" 1,"rlig" 1,"kern" 1,"mark" 1,"mkmk" 1 !important; font-variant-ligatures:normal !important; text-rendering:optimizeLegibility !important; word-spacing:2px; } .ec-table-card tr.r-besmele{ display:none !important; } /* Sûre sayfasında âyet `td.text.iar-ayet` içinde bir 'e sarılı gelir; kuran-hat.css'in .iar-ayet !important kuralları (28px / right) bu span'e de iniyor → app ölçüsünü span'de de açıkça ver. */ .ec-table-card tr.r-ar td.text > span[lang="ar"]{ display:block !important; font-size:inherit !important; line-height:inherit !important; text-align:center !important; direction:rtl; } .ec-table-card tr.r-ar td.text.iar-ayet{ font-size:27px !important; line-height:2.25 !important; text-align:center !important; padding:6px 4px 14px !important; } /* ⚠ ÖZGÜLLÜK DERSİ: mobile-pages.css'teki `body.sure-page .ec-table-card tr.r-ar td.text{22px !important}` = (0,4,3). `html body ...` eklemek ELEMAN sayar (0,3,4) ve KAYBEDER — belirleyici olan SINIF sayısıdır. Bu yüzden sınıf ağırlıklı yazıyoruz: (0,6,3). */ body.sure-page .ec-body .ec-table-card tr.r-ar td.text.iar-ayet, body.sure-page .ec-body .ec-table-card tr.r-ar td.text, body.kuranmeali-app .ec-body .ec-table-card tr.r-ar td.text, .ktapp .ec-body .ec-table-card tr.r-ar td.text{ font-size:27px !important; line-height:2.25 !important; text-align:center !important; padding:6px 4px 14px !important; } body.sure-page .ec-body .ec-table-card tr.r-ar td.text > span[lang="ar"], body.kuranmeali-app .ec-body .ec-table-card tr.r-ar td.text > span[lang="ar"]{ display:block !important; font-size:inherit !important; line-height:inherit !important; text-align:center !important; } body.sure-page .ec-body .ec-table-card tr.r-meal td.text, body.kuranmeali-app .ec-body .ec-table-card tr.r-meal td.text{ font-size:14px !important; line-height:1.72 !important; color:#6A5A4E !important; } body.sure-page .ec-body .ec-table-card tr.r-meal td.name, body.kuranmeali-app .ec-body .ec-table-card tr.r-meal td.name{ font-size:11px !important; letter-spacing:.3px !important; color:#B5651D !important; text-transform:uppercase !important; } body.sure-page .ec-body .ec-table-card tr.r-ar td.name{ display:none !important; } /* ── 3) Mealler = app .meals-area / .meal-item ─────────────────────────── */ .ec-table-card tr.r-meal{ display:block !important; padding:11px 0 !important; margin:0 !important; border:0 !important; border-bottom:1px solid #F0EAE0 !important; border-radius:0 !important; box-shadow:none !important; background:none !important; } .ec-table-card tr.r-meal:last-child{ border-bottom:0 !important; } .ec-table-card tr.r-meal td.name{ display:block !important; font-size:11px !important; font-weight:700 !important; color:#B5651D !important; letter-spacing:.3px !important; text-transform:uppercase !important; margin-bottom:4px !important; font-family:'Inter',-apple-system,sans-serif !important; } .ec-table-card tr.r-meal td.name .role{ display:inline; margin-left:7px; color:#9C8C80; font-weight:600; text-transform:none; letter-spacing:0; } .ec-table-card tr.r-meal td.text{ display:block !important; font-size:14px !important; line-height:1.72 !important; color:#6A5A4E !important; } /* meal listesinin üstündeki ayraç (app .meals-area) */ .ec-table-card tr.r-kw + tr.r-meal, .ec-table-card tr.r-ar + tr.r-meal{ border-top:1px solid #F0EAE0 !important; margin-top:13px !important; padding-top:13px !important; } /* ── 4) Kelime meali satırı — app kw-* zaten aynı sınıflarda ───────────── */ .ec-table-card tr.r-kw{ display:block !important; padding:2px 0 6px !important; } .ec-table-card tr.r-kw td.name{ display:none !important; } /* ── 5) Alt gezinme — app'te yok; sade pill'lerle kolonun içinde ───────── */ .ec-sub-bar{ background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; margin:0 16px 6px !important; padding:0 !important; } .ec-crumbs{ padding:12px 16px 0 !important; } /* ── 6) Âyet ızgarası (sûre sayfası) = app .ayp-grid ───────────────────── */ .ec-ayetgrid-wrap{ padding:0 16px 10px !important; } .ec-ayetgrid{ display:grid !important; grid-template-columns:repeat(6,1fr) !important; gap:8px !important; } .ec-ayetgrid a{ height:44px; display:flex !important; align-items:center; justify-content:center; background:#FFFFFF !important; border:1px solid #F0EAE0 !important; color:#241308 !important; border-radius:12px !important; font-weight:600 !important; font-size:14px !important; box-shadow:0 1px 2px rgba(42,23,16,.04) !important; font-variant-numeric:tabular-nums; } .ec-ayetgrid a.on{ background:linear-gradient(150deg,#C97A2E,#9C4F12) !important; color:#fff !important; border-color:transparent !important; box-shadow:0 4px 12px rgba(156,79,18,.3) !important; } @media (min-width:600px){ .ec-ayetgrid{ grid-template-columns:repeat(10,1fr) !important; } } /* ─── KURAN LANDING — app `kuran` ekranı (qtabs/qresume/arama) ─────────── */ .fh-search{display:flex; align-items:center; gap:9px; padding:11px 16px; background:var(--card); border:1px solid var(--line); border-radius:99px; box-shadow:var(--sh);} .fh-search i{font-size:18px; color:var(--muted);} .fh-search input{flex:1; border:none; outline:none; background:none; font-size:14.5px; color:var(--text); font-family:inherit;} .fh-empty{padding:24px 18px; text-align:center; color:var(--muted); font-size:13.5px;} /* Kur'an sûre listesi (premium) */ .qtabs{position:sticky; top:0; z-index:7; display:flex; gap:8px; background:var(--ivory); padding:12px 16px 8px;} .qtab{flex:1; padding:10px 0; border-radius:13px; background:var(--card); border:1px solid var(--line); box-shadow:var(--sh); font-size:13.5px; font-weight:600; color:var(--text2);} .qtab.on{background:linear-gradient(150deg,#3A2418,#241308); color:#F4ECD9; border-color:transparent;} .qs-top2{padding:2px 16px 6px;} .qresume{display:flex; align-items:center; gap:13px; width:calc(100% - 32px); text-align:left; margin:2px 16px 10px; padding:13px 15px; border-radius:16px; background:linear-gradient(158deg,#3A2418,#241308); box-shadow:var(--sh-lg); color:#F4ECD9; position:relative; overflow:hidden;} .qresume::after{content:""; position:absolute; top:-30px; right:-10px; width:130px; height:110px; background:radial-gradient(ellipse at center, rgba(212,149,106,.22), transparent 70%); pointer-events:none;} .qr-ic{width:42px; height:42px; flex-shrink:0; border-radius:12px; background:rgba(212,149,106,.18); display:flex; align-items:center; justify-content:center; position:relative; z-index:1;} .qr-ic i{font-size:22px; color:var(--goldsoft);} .qr-b{flex:1; min-width:0; position:relative; z-index:1;} .qr-lb{display:block; font-size:9.5px; letter-spacing:1.2px; color:var(--goldsoft); font-weight:600;} .qr-t{display:block; font-size:14.5px; font-weight:600; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .qr-go{font-size:26px; color:var(--goldsoft); flex-shrink:0; position:relative; z-index:1;} /* web düzeltmeleri */ .ktapp a.qresume{display:flex; text-decoration:none;} .ktapp .qtab{cursor:pointer;} @media (max-width:480px){ .ktapp .qtab{width:auto;} } /* ─── KURAN HUB (/kuran/) — çatı sayfası: app "KUR'AN-I KERÎM" grubu ─────── */ .qh-hero{display:flex; align-items:center; gap:18px; padding:26px 26px; margin:6px 0 14px; background:linear-gradient(135deg,#2E1A10 0%,#1C0F09 100%); border:1px solid rgba(212,149,106,.28); border-radius:18px; box-shadow:0 12px 32px rgba(42,23,16,.20); position:relative; overflow:hidden;} .qh-hero::after{content:'\0627\0644\0642\0631\0622\0646'; position:absolute; right:-6px; top:50%; transform:translateY(-50%); font-family:'Reem Kufi','Amiri',serif; font-size:120px; line-height:1; color:rgba(197,165,78,.09); pointer-events:none; white-space:nowrap;} .qh-hero-ic{flex:0 0 auto; width:58px; height:58px; display:flex; align-items:center; justify-content:center; border-radius:16px; background:rgba(197,165,78,.14); border:1px solid rgba(197,165,78,.3); color:#E4C08B; font-size:27px;} .qh-hero-b{flex:1; min-width:0; position:relative; z-index:1; display:block;} .qh-hero-lb{display:block; font-size:10.5px; font-weight:700; letter-spacing:.12em; color:#C5A54E; text-transform:uppercase;} .qh-hero-t{display:block; font-family:'Playfair Display',Georgia,serif; font-size:23px; font-weight:700; color:#F6EFE3; margin:3px 0 4px;} .qh-hero-s{display:block; font-size:12.5px; color:rgba(228,192,139,.72); line-height:1.5;} .qh-hero-go{flex:0 0 auto; color:#E4C08B; font-size:22px; position:relative; z-index:1;} .qh-hero:hover{box-shadow:0 16px 40px rgba(42,23,16,.28);} .qh-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:0 0 14px;} @media (max-width:640px){ .qh-grid{grid-template-columns:1fr;} .qh-hero::after{font-size:88px;} } .qh-card{display:flex; flex-direction:column; gap:8px; padding:18px 17px 16px; background:#FFFFFF; border:1px solid #F0EAE0; border-radius:15px; box-shadow:0 1px 2px rgba(42,23,16,.04); transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;} .qh-card:hover{transform:translateY(-3px); border-color:#D4956A; box-shadow:0 10px 26px rgba(42,23,16,.12);} .qh-card-top{display:flex; align-items:center; justify-content:space-between; gap:8px;} .qh-card-ic{width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#F3ECE1; color:#B5651D; font-size:19px;} .qh-card-ar{font-family:'Reem Kufi','Amiri',serif; font-size:19px; color:rgba(181,101,29,.5);} .qh-card-t{font-size:15px; font-weight:700; color:#2A1710;} .qh-card-s{font-size:12px; color:#9C8C80; line-height:1.55;} /* ─── OKUMA LANDING TASARIM (2026) ─────────────────────────────────────── "Kaldığınız yerden devam edin" kartı yeniden tasarlandı: okuma ilerlemesi halkası (eski landing'deki yüzde göstergesi geri geldi) + gerçek "Devam Et" düğmesi. Sayfanın geri kalanı sakinleşti ki tek vurgu bu kart olsun: sekmeler koyu bloktan alt-çizgi sekmelere, arama ve satırlar bakır odaklı. */ /* ⚠️ hidden ÖNCE gelmeli: display:flex, [hidden]'ın UA display:none'unu ezer — kayıtlı sayfası olmayan ziyaretçiye kart boş veriyle ("%0 · Mushaf · —") çıkıyordu. */ .krs[hidden]{display:none !important;} .krs{position:relative; display:flex; align-items:center; gap:13px; margin:8px 0 14px; padding:11px 13px 11px 12px; border-radius:14px; color:#F6EFE3; overflow:hidden; background:linear-gradient(135deg,#311D12 0%,#1B0F08 100%); border:1px solid rgba(197,165,78,.26); box-shadow:0 8px 22px rgba(42,23,16,.16); transition:transform .16s ease, box-shadow .16s ease;} .krs:hover{transform:translateY(-1px); box-shadow:0 12px 28px rgba(42,23,16,.24);} .krs::before{content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(110% 150% at 88% 4%, rgba(197,165,78,.15), transparent 60%);} /* ilerleme halkası */ .krs-ring{position:relative; flex:0 0 auto; width:42px; height:42px; display:flex; align-items:center; justify-content:center; z-index:1;} .krs-ring svg{position:absolute; inset:0; width:100%; height:100%; transform:rotate(-90deg);} .krs-ring circle{fill:none; stroke-width:2.6; stroke-linecap:round;} .krs-ring-bg{stroke:rgba(228,192,139,.15);} .krs-ring-fg{stroke:#C5A54E; transition:stroke-dashoffset .8s cubic-bezier(.22,.7,.3,1);} .krs-ic{display:none; position:relative; z-index:1; font-size:18px; color:#E4C08B;} /* okuma geçmişi yokken: yüzde yerine kitap ikonu, halka boş durur */ .krs-yeni .krs-pct, .krs-yeni .krs-ring-fg{display:none;} .krs-yeni .krs-ic{display:block;} .krs-yeni .krs-ring-bg{stroke:rgba(228,192,139,.22);} .krs-pct{position:relative; z-index:1; font-size:10.5px; font-weight:700; color:#E4C08B; font-variant-numeric:tabular-nums; letter-spacing:-.02em;} /* gövde */ .krs-b{flex:1; min-width:0; position:relative; z-index:1;} .krs-lb{display:block; font-size:8.6px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:rgba(197,165,78,.85);} .krs-t{display:block; font-family:'Playfair Display',Georgia,serif; font-size:15px; font-weight:700; color:#F6EFE3; margin:2px 0 1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .krs-m{display:block; font-size:10.5px; color:rgba(228,192,139,.55); font-variant-numeric:tabular-nums;} /* devam düğmesi */ .krs-go{flex:0 0 auto; position:relative; z-index:1; display:inline-flex; align-items:center; gap:6px; padding:8px 13px; border-radius:10px; font-size:12px; font-weight:700; color:#FFF7EC; background:linear-gradient(150deg,#C97A2E,#9C4F12); box-shadow:0 4px 11px rgba(156,79,18,.30); transition:filter .15s ease;} .krs-go i{font-size:12.5px;} .krs:hover .krs-go{filter:brightness(1.08);} @media (max-width:560px){ .krs{gap:11px; padding:10px 11px;} .krs-ring{width:38px; height:38px;} .krs-pct{font-size:9.8px;} .krs-t{font-size:14px;} .krs-m{font-size:10px;} .krs-go{padding:0; width:38px; height:38px; min-width:0; min-height:0; justify-content:center; border-radius:50%;} .krs-go span{display:none;} .krs-go i{font-size:14px;} } /* ── sekmeler: koyu blok yerine alt-çizgi (yalnız okuma landing'i) ─────── */ .kuranoku-landing .ktapp .qtabs{position:sticky; top:0; z-index:7; display:flex; gap:26px; margin:10px 0 6px; padding:10px 0 0; background:#F7F4EE; border-bottom:1px solid #EAE1D5; box-shadow:none;} .kuranoku-landing .ktapp .qtab{flex:0 0 auto; width:auto; min-height:0; padding:9px 2px 11px; border:0; border-bottom:2px solid transparent; border-radius:0; background:none; box-shadow:none; font-size:14px; font-weight:600; color:#9C8C80; transition:color .15s ease, border-color .15s ease;} .kuranoku-landing .ktapp .qtab:hover{color:#8B5A2B;} .kuranoku-landing .ktapp .qtab.on{color:#2A1710; font-weight:700; border-bottom-color:#B5651D; background:none;} @media (max-width:480px){ .kuranoku-landing .ktapp .qtab{width:auto !important;} } /* kolon hizası: sekme–arama–liste aynı kenardan başlasın */ .kuranoku-landing .ktapp .qs-list, .kuranoku-landing .ktapp .qs-top2{padding-left:0; padding-right:0;} .kuranoku-landing .ktapp .qs-top2{padding-top:10px;} /* ── arama ve sûre satırları: bakır odak + canlı geri bildirim ─────────── */ .ktapp .fh-search{background:#FFFFFF; border:1px solid #EAE1D5; box-shadow:0 1px 2px rgba(42,23,16,.04); transition:border-color .15s ease, box-shadow .15s ease;} .ktapp .fh-search:focus-within{border-color:#D4956A; box-shadow:0 0 0 3px rgba(181,101,29,.10);} .ktapp .fh-search i{color:#B5651D;} .ktapp .qs-row{transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;} .ktapp .qs-row:hover{border-color:#D4956A; box-shadow:0 8px 20px rgba(42,23,16,.10); transform:translateY(-1px);} .ktapp .qs-no{background:linear-gradient(150deg,#F7F1E7,#EFE6D6); border:1px solid #EDE3D3; color:#8B5A2B; transition:background .15s ease, color .15s ease, border-color .15s ease;} .ktapp .qs-row:hover .qs-no{background:linear-gradient(150deg,#C97A2E,#9C4F12); color:#FFF7EC; border-color:transparent;} .ktapp .qs-row:hover .qs-ar{color:#8B5A2B;} /* ─── SADE ALT BAR + SÛRE KÜNYESİ (2026-08-01) ─────────────────────────── Alt bar artık yalnız: Önceki Ayet · ilerleme · Sonraki Ayet, altında "Sûre Hakkında" ve "Ayet Tefsiri". Kaldırılan Git/seçici/paylaş düğmeleri. */ .ec-sub-inner{flex-wrap:wrap !important; gap:10px !important; padding:10px 14px !important;} .ec-pager{display:flex !important; align-items:center; justify-content:space-between; gap:10px; width:100%; flex:1 1 100%;} .ec-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid #EAE1D5;border-radius:11px;background:#F3ECE1;color:#8B5A2B;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;} .ec-nav-btn:hover{background:rgba(181,101,29,.12);border-color:#D4956A;} .ec-nav-btn.disabled{opacity:.35;pointer-events:none;} .ec-ilerleme{display:inline-flex; align-items:baseline; gap:4px; font-variant-numeric:tabular-nums; color:#9C8C80; font-size:13px; white-space:nowrap;} .ec-ilerleme b{font-family:'Playfair Display',Georgia,serif; font-size:19px; font-weight:700; color:#B5651D;} .ec-iler-ayrac{opacity:.6;} .ec-actions{display:flex !important; gap:8px; width:100%; flex:1 1 100%; position:static !important; visibility:visible !important; opacity:1 !important; transform:none !important; box-shadow:none !important; background:none !important; border:0 !important; padding:0 !important;} .ec-actions .ec-a-btn{flex:1; justify-content:center; height:42px;} #btnSureKunye{cursor:pointer;} @media (min-width:721px){ .ec-sub-inner{flex-wrap:nowrap !important;} .ec-pager{flex:1 1 auto; width:auto;} .ec-actions{flex:0 0 auto; width:auto;} .ec-actions .ec-a-btn{flex:0 0 auto;} } .ec-gizli-kanca{display:none !important;} /* künye penceresi */ .sk-ov{position:fixed; inset:0; z-index:400; display:flex; align-items:center; justify-content:center; padding:18px;} .sk-ov[hidden]{display:none !important;} .sk-back{position:absolute; inset:0; background:rgba(26,15,8,.46); opacity:0; transition:opacity .2s ease;} .sk-ov.on .sk-back{opacity:1;} .sk-card{position:relative; width:100%; max-width:520px; background:#FFFDF9; border:1px solid #EAE1D5; border-radius:20px; padding:16px 18px 18px; box-shadow:0 24px 70px rgba(28,15,9,.34); transform:translateY(12px) scale(.98); opacity:0; transition:transform .2s ease, opacity .2s ease;} .sk-ov.on .sk-card{transform:none; opacity:1;} .sk-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;} .sk-title{font-family:'Playfair Display',Georgia,serif; font-size:20px; font-weight:700; color:#2A1710;} .sk-x{position:relative; width:34px; height:34px; min-width:0; min-height:0; padding:0; flex:0 0 auto; border:1px solid #EAE1D5; border-radius:50%; background:#F3ECE1; cursor:pointer;} .sk-x::before,.sk-x::after{content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; border-radius:2px; background:#8B5A2B;} .sk-x::before{transform:translate(-50%,-50%) rotate(45deg);} .sk-x::after{transform:translate(-50%,-50%) rotate(-45deg);} .sk-row{display:flex; align-items:baseline; justify-content:space-between; gap:14px; padding:9px 0; border-bottom:1px solid #F0EAE0;} .sk-row:last-of-type{border-bottom:0;} .sk-k{font-size:12.5px; color:#9C8C80; flex:0 0 auto;} .sk-v{font-size:13.5px; font-weight:600; color:#241308; text-align:right;} .sk-not{margin:12px 0 14px; font-size:12px; line-height:1.6; color:#9C8C80;} /* .sk-go ("Sûrenin tefsirini oku" düğmesi) 2026-08-01'de kaldırıldı — kullanıcı isteği */ /* ═══ 5 MADDE (2026-08-01) ══════════════════════════════════════════════ */ /* (5) Masaüstünde kolon bir tık geniş: 760 → 900 */ .ec-body, .ec-crumbs, .ec-heading, .ec-sub-bar, .ec-ayetgrid-wrap{ max-width:900px !important; } /* (2) Üstteki büyük başlık bloğu HER ÖLÇÜDE kaldırıldı — sûre adı gezinme barının solunda (2026-08-01: mobil de masaüstü düzenine geçtiği için mobilde de gizli). DOM'da durur: SSR çapaları (hName/hOrd/hOrdTotal/hLabel/hMeta) oradan okunuyor. */ .ec-heading{ display:none !important; } /* (1) Gezinme barı: ORTALI, solunda sûre ismi */ .ec-sub-bar{ margin:14px auto 10px !important; padding:0 16px !important; } .ec-sub-inner{ display:flex !important; align-items:center !important; justify-content:center !important; flex-wrap:wrap !important; gap:12px !important; background:#FFFDF9 !important; border:1px solid #F0EAE0 !important; border-radius:16px !important; padding:10px 16px !important; box-shadow:0 1px 2px rgba(42,23,16,.04) !important; } .ec-bar-sure{ flex:0 0 auto; margin-right:auto; font-family:'Playfair Display',Georgia,serif; font-size:16px; font-weight:700; color:#2A1710; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:38%; } .ec-sub-inner .ec-pager{ flex:0 1 auto !important; width:auto !important; display:flex !important; align-items:center !important; gap:12px !important; } .ec-sub-inner .ec-actions{ flex:0 0 auto !important; width:auto !important; margin-left:auto; } .ec-sub-inner .ec-actions .ec-a-btn{ flex:0 0 auto !important; height:38px; } @media (max-width:720px){ .ec-bar-sure{ max-width:100%; margin-right:0; width:100%; text-align:center; } .ec-sub-inner .ec-pager{ width:100% !important; justify-content:space-between !important; } .ec-sub-inner .ec-actions{ width:100% !important; margin-left:0; } .ec-sub-inner .ec-actions .ec-a-btn{ flex:1 1 auto !important; justify-content:center; } } /* (3) Ekmek kırıntısı: sayfanın EN ÜSTÜNDE, kolonla aynı hizada, ayraçlar boşluklu */ .ec-crumbs{ margin:0 auto !important; padding:16px 16px 2px !important; display:flex !important; align-items:center; gap:8px; flex-wrap:wrap; font-size:12.5px; color:#8b7d70; line-height:1.6; } .ec-crumbs a{ color:#8b7d70; text-decoration:none; } .ec-crumbs a:hover{ color:#B5651D; } .ec-crumbs .sep{ color:#D8CCBC; } .ec-crumbs .now, .ec-crumbs [aria-current]{ color:#2A1710; font-weight:600; } /* (4) Âyet numaraları: sayfanın EN ALTINDA, fildişi kart içinde küçük kutucuklar. 2026-08-01: başlık artık gerçek bir

(SSR'dan "Tevbe Sûresi Âyetleri") — eski ::before 'Âyet Seç' kapatıldı. Kart hem sûre hem âyet sayfasında aynı. */ .ec-ayetgrid-wrap{ margin:26px auto 20px !important; padding:16px 18px 18px !important; background:#FFFDF9 !important; border:1px solid #F0EAE0 !important; border-radius:16px !important; box-shadow:0 1px 2px rgba(42,23,16,.04) !important; } .ec-ayetgrid-wrap::before{ content:none !important; display:none !important; } .ec-ayetgrid-baslik{ margin:0 0 12px !important; padding:0 !important; border:0 !important; font-family:'Playfair Display',Georgia,serif !important; font-size:16px !important; font-weight:700 !important; color:#2A1710 !important; line-height:1.3 !important; letter-spacing:0 !important; text-align:left !important; text-transform:none !important; } .ec-ayetgrid-baslik:empty{ display:none !important; } @media (max-width:900px){ .ec-ayetgrid-wrap{ margin:22px 14px 18px !important; padding:14px !important; } .ec-ayetgrid-baslik{ font-size:15px !important; margin-bottom:10px !important; } } /* ⚠ mobile-pages.css `body.sure-page .ec-ayetgrid-wrap{padding:0 10px!important; margin:8px auto 0!important}` (0,2,1) kartın iç boşluğunu siliyordu — sınıf sayısı eşit + eleman fazlası ile (0,2,2) aşılır (bkz. özgüllük dersi). */ html body.sure-page .ec-ayetgrid-wrap{ margin:26px auto 20px !important; padding:16px 18px 18px !important; } @media (max-width:900px){ html body.sure-page .ec-ayetgrid-wrap{ margin:22px 14px 18px !important; padding:14px !important; } } .ec-ayetgrid{ display:grid !important; gap:6px !important; grid-template-columns:repeat(auto-fill, minmax(40px, 1fr)) !important; max-height:none !important; overflow:visible !important; background:none !important; border:0 !important; padding:0 !important; } .ec-ayetgrid a{ height:34px !important; font-size:12px !important; border-radius:9px !important; box-shadow:none !important; border:1px solid #EDE6DA !important; } .sk-blok{margin:0 0 14px;} .sk-blok h4{margin:0 0 5px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#B5651D;} .sk-blok p{margin:0; font-size:13.5px; line-height:1.75; color:#4A3B30;} .sk-body{max-height:60vh; overflow-y:auto;} /* Kelime meali açılışı: inline max-height bazı durumlarda geçersiz kalıyordu (yeniden render / öncelik sıfırlanması). Durumu doğrudan aria'ya bağlıyoruz. */ .kw-toggle[aria-expanded="true"] + .kw-collapse{ max-height:none !important; } .kw-toggle[aria-expanded="false"] + .kw-collapse{ max-height:0 !important; } /* ═══ MOBİL = MASAÜSTÜ DÜZENİ (2026-08-01, kullanıcı isteği) ══════════════ Mobil web artık masaüstü tasarımının dar hâli. App tarzı sabit alt çubuk ve 3 alt sayfası şablonlardan SİLİNDİ; onların yerine masaüstündeki gezinme barı (sûre adı · Önceki · N/T · Sonraki · Sûre Hakkında · Ayet Tefsiri) mobilde de görünür. Aşağıdaki kurallar iki katmanı geri alır: (a) şablonların satır içi @media (max-width:720px) "barı gizle" blokları → bu dosya EN SON yüklendiği için eşit özgüllük + !important ile kazanır, (b) mobile-pages.css'in `body.sure-page …` (0,2,x) mobil katmanı → `html body.sure-page …` (0,2,x+1) ile aşılır; yoksa sûre sayfası mobilde âyet sayfasından farklı görünürdü (ikon-only düğmeler, daha dar boşluk, krem şeritli âyet satırı, 32px çipler). ────────────────────────────────────────────────────────────────────────── */ /* (a) Gezinme barı ve ekmek kırıntısı mobilde GÖRÜNÜR */ .ec-sub-bar{ display:block !important; visibility:visible !important; pointer-events:auto !important; height:auto !important; overflow:visible !important; } .ec-sub-inner, .ec-sub-inner .ec-pager, .ec-sub-inner .ec-actions, #ecActionsMenu{ display:flex !important; visibility:visible !important; pointer-events:auto !important; position:static !important; height:auto !important; overflow:visible !important; opacity:1 !important; transform:none !important; } .ec-crumbs{ display:flex !important; visibility:visible !important; } html body.sure-page .ec-crumbs{ display:flex !important; } /* (b) Sûre sayfasının mobil katmanını âyet sayfasıyla eşitle */ @media (max-width:900px){ /* metin kolonu: iki şablonda da 16px yan boşluk */ html body.sure-page .ec-body{ padding:0 16px 28px !important; } /* âyet satırı: masaüstünde krem şerit yok */ html body.sure-page .ec-table-card tr.r-ar{ background:none !important; padding:0 !important; } html body.sure-page .ec-table-card tr.r-ar td.text{ padding:6px 4px 14px !important; } /* âyet çipleri: 40px ızgara + 12px punto (âyet sayfasıyla aynı) */ html body.sure-page .ec-ayetgrid{ grid-template-columns:repeat(auto-fill, minmax(40px, 1fr)) !important; gap:6px !important; padding:0 !important; } html body.sure-page .ec-ayetgrid a{ font-size:12px !important; height:34px !important; } /* künye/başlık artefaktları: başlık bloğu gizli olduğu için içerikleri de gizli */ html body.sure-page .ec-heading-label, html body.sure-page .ec-heading-meta{ display:none !important; } } /* (c) Bar düğmeleri mobilde de YAZILI kalsın — mobile-pages.css ≤899'da `.ec-pg-btn{font-size:0}` + `span{display:none}` ile ikon-only yapıyordu */ @media (max-width:900px){ html body.sure-page .ec-sub-inner .ec-pg-btn, html body.sure-page .ec-sub-inner .ec-a-btn{ font-size:13px !important; width:auto !important; height:auto !important; min-height:40px !important; padding:8px 14px !important; border-radius:12px !important; } html body.sure-page .ec-sub-inner .ec-pg-btn span, html body.sure-page .ec-sub-inner .ec-a-btn span{ display:inline !important; font-size:13px !important; } html body.sure-page .ec-sub-inner .ec-pg-btn i, html body.sure-page .ec-sub-inner .ec-a-btn i{ font-size:12px !important; } } /* (d) Dar ekranda barın satır düzeni: sûre adı → gezinme → eylemler (3 satır) */ @media (max-width:720px){ .ec-sub-bar{ margin:12px auto 10px !important; padding:0 16px !important; } .ec-sub-inner{ gap:10px !important; padding:12px 14px !important; } .ec-bar-sure{ font-size:15px !important; max-width:100% !important; width:100% !important; margin-right:0 !important; text-align:center !important; padding-bottom:10px !important; border-bottom:1px solid #F4EEE4 !important; } .ec-sub-inner .ec-pager{ width:100% !important; justify-content:space-between !important; gap:8px !important; } .ec-sub-inner .ec-actions{ width:100% !important; margin-left:0 !important; gap:8px !important; flex-wrap:nowrap !important; } .ec-sub-inner .ec-actions .ec-a-btn{ flex:1 1 0 !important; justify-content:center !important; min-width:0 !important; } .ec-pg-btn{ flex:0 0 auto !important; } .ec-ilerleme{ flex:0 0 auto !important; font-size:13px !important; white-space:nowrap !important; } .ec-crumbs{ padding:12px 16px 0 !important; font-size:12px !important; } } /* (e) Alt çubuk kalktı → gövdedeki 72px'lik alt boşluk payı da kalksın */ body.km-has-bbar{ padding-bottom:0 !important; } /* (f) ⚠ ayet.html'in satır içi CSS'i ≤720'de `.ec-actions`i AÇILIR MENÜYE çeviriyordu (position:fixed, 320px, dikey liste, düğmeler şeffaf/çerçevesiz). Bar mobilde gizli olduğu için bu blok ölüydü; bar artık görünür olduğundan hepsini geri al ve iki düğmeyi masaüstündeki görünüme sabitle. */ @media (max-width:720px){ .ec-sub-inner .ec-actions{ position:static !important; flex-direction:row !important; width:100% !important; min-width:0 !important; max-width:none !important; max-height:none !important; overflow:visible !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; background:none !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; padding:0 !important; z-index:auto !important; } .ec-sub-inner .ec-actions::before{ content:none !important; display:none !important; } .ec-sub-inner .ec-actions .ec-a-btn{ justify-content:center !important; text-align:center !important; min-height:40px !important; padding:9px 12px !important; font-size:13px !important; font-weight:600 !important; border:1px solid #EAE1D5 !important; border-radius:12px !important; background:#FFFFFF !important; color:#2A1710 !important; gap:7px !important; letter-spacing:0 !important; } .ec-sub-inner .ec-actions .ec-a-btn.tefsir{ background:#B5651D !important; border-color:#B5651D !important; color:#FFFDF8 !important; box-shadow:0 4px 12px rgba(184,115,51,.18) !important; } .ec-sub-inner .ec-actions .ec-a-btn i{ font-size:12px !important; } /* âyet sayfasındaki "Daha" düğmesi (varsa) mobilde de gereksiz */ #ecMoreBtn{ display:none !important; } } /* (g) Alt çubuk kalktığı için gövdedeki 72px'lik alt pay gereksiz; ayrıca dar ekranda 3 satırlık bar sticky kalırsa ekranın beşte birini kaplıyor → mobilde normal akışta dursun (görünüm masaüstüyle aynı, yalnız yapışkanlık kalkar). */ @media (max-width:720px){ body{ padding-bottom:0 !important; } .ec-sub-bar{ position:static !important; top:auto !important; } } /* (h) Sûre sayfasına özel mobil artıkları temizle — âyet sayfasıyla eşitlik: • `.sure-mhamb`: site başlığı (.mv-hdr) mobilde gizlenirken eklenmiş İKİNCİ hamburger. Site menüsü artık .ia-nav ile görünür → çift hamburger olmuş, üstelik gezinme barının içinde durup Önceki/Sonraki satırını sıkıştırıyordu. • `body.sure-page{padding-top:32px}`: gizlenen başlığın payı; başlık görünür olduğu için âyet sayfasına göre 32px'lik fazladan boşluk yaratıyordu. */ @media (max-width:900px){ html body.sure-page .sure-mhamb{ display:none !important; } html body.sure-page{ padding-top:0 !important; } } /* (i) Gezinme düğmeleri iki şablonda aynı ölçüde: âyet sayfası , sûre sayfası