/* Ana sayfa — "İslam Arşivi cebinizde" ve "Bu ilim sizinle yaşasın" bölümleri (2026-11-04, cebinizde-ve-destek.html tasarımı).
   Eski .iau (uygulama) ve .iad (destek) bölümlerinin yerine. Doku: /images/hero-kufi-yazma-altin.webp; logo: logo-islamarsivi-beyaz.svg. */
.iad2 *,.iac *{box-sizing:border-box}
.iac,.iad2{font-family:'Futura','Futura PT','Jost',system-ui,sans-serif}
.iac-ar,.iad2-ar{font-family:'Amiri',serif;direction:rtl}
/* ---------- CEBİNİZDE ---------- */
.iac{position:relative;overflow:hidden;color:#FFFFFF;background:#0F1A33}
.iac::before{content:"";position:absolute;inset:0;background-image:url('/images/hero-kufi-yazma-altin.webp');background-size:cover;background-position:center;opacity:.05;mix-blend-mode:screen}
.iac::after{content:"";position:absolute;width:760px;height:760px;right:-120px;top:50%;margin-top:-380px;border-radius:50%;background:radial-gradient(circle,rgba(201,182,140,.28),rgba(201,182,140,0) 65%)}
.iac-ic{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:96px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.iac-ust{margin:0;font-size:12px;font-weight:600;letter-spacing:3px;color:#C9B68C}
.iac h2{margin:14px 0 0;font-size:clamp(44px,6vw,76px);line-height:1;font-weight:700;letter-spacing:-1px}
.iac h2 span{display:block;color:#C9B68C}
.iac-alt{margin:18px 0 0;font-size:18px;line-height:1.5;color:#AEB6C7}
.iac-dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.iac-magaza{display:inline-flex;align-items:center;gap:12px;min-height:60px;padding:0 22px 0 18px;text-decoration:none;color:#13203D;background:#FFFFFF;border-radius:16px;transition:transform .2s,box-shadow .2s}
.iac-magaza:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.25)}
.iac-magaza small{display:block;font-size:11px;color:#8E97AB}
.iac-magaza b{display:block;font-size:18px;line-height:1.1}
.iac-magaza.iac-2{color:#FFFFFF;background:transparent;border:1.5px solid rgba(201,182,140,.55)}
.iac-magaza.iac-2 small{color:#AEB6C7}
.iac-ozellik{display:flex;gap:22px;margin-top:40px}
.iac-ozellik span{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:#C5CBD8}
.iac-ozellik i{display:flex;align-items:center;justify-content:center;width:52px;height:52px;color:#C9B68C;border:1px solid rgba(201,182,140,.35);border-radius:16px;font-style:normal}
.iac-qr{display:flex;align-items:center;gap:14px;margin-top:28px;padding:12px 16px 12px 12px;width:max-content;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;font-size:13px;color:#AEB6C7}
.iac-qr img{width:62px;height:62px;padding:4px;background:#FFFFFF;border-radius:8px}
/* telefonlar */
.iac-sahne{position:relative;height:600px}
.iac-tel{position:absolute;width:262px;height:540px;padding:10px;background:#0B1226;border-radius:44px;box-shadow:0 0 0 1.5px rgba(201,182,140,.35),0 40px 80px rgba(0,0,0,.5)}
.iac-tel::before{content:"";position:absolute;top:18px;left:50%;width:80px;height:22px;margin-left:-40px;background:#0B1226;border-radius:12px;z-index:3}
.iac-ekran{position:relative;width:100%;height:100%;overflow:hidden;border-radius:35px;background:#F4F3F0}
/* ön telefonda uygulamanın gerçek ekran görüntüsü (2026-11-07) */
.iac-ekran>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.iac-on{left:50%;top:20px;margin-left:-60px;z-index:2;transform:rotate(-5deg);animation:iac-yuz 7s ease-in-out infinite}
.iac-arka{left:50%;top:60px;margin-left:-250px;transform:rotate(7deg) scale(.92);opacity:.9;animation:iac-yuz2 8s ease-in-out infinite}
@keyframes iac-yuz{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-14px)}}
@keyframes iac-yuz2{0%,100%{transform:rotate(7deg) scale(.92) translateY(0)}50%{transform:rotate(6deg) scale(.92) translateY(10px)}}
.iac-ust-bar{display:flex;align-items:center;justify-content:center;height:84px;padding-top:26px;background:#13203D}
.iac-ust-bar img{height:34px}
.iac-sayfa{margin:14px;padding:16px 12px 14px;background:#FFFDF8;border:1.5px solid #C9B68C;border-radius:38% 38% 12px 12px/12% 12% 4% 4%;box-shadow:0 6px 16px rgba(19,32,61,.08)}
.iac-serlevha{margin:4px auto 10px;width:70%;padding:4px 0;font-size:13px;text-align:center;color:#FFFFFF;background:#13203D;border-radius:12px}
.iac-sayfa p{margin:0;font-size:13.5px;line-height:2.05;text-align:center;color:#13203D}
.iac-tab{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:10px 6px 18px;background:#FFFFFF;border-top:1px solid #ECEAE4}
.iac-tab i{width:30px;height:4px;border-radius:2px;background:#E2DFD6}
.iac-tab i:first-child{background:#C9B68C}
.iac-kart{display:flex;align-items:center;gap:10px;height:62px;margin:10px 12px 0;overflow:hidden;background:#13203D;border-radius:14px}
.iac-kart::before{content:"";align-self:stretch;width:34px;background:#A8925F url('/images/hero-kufi-yazma-altin.webp') center/cover;background-blend-mode:multiply}
.iac-kart b{font-size:14px;color:#FFFFFF}
.iac-cip{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;color:#13203D;background:#FFFFFF;border-radius:14px;box-shadow:0 16px 30px rgba(0,0,0,.3);animation:iac-yuz3 6s ease-in-out infinite}
.iac-cip i{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#13203D;background:#C9B68C;border-radius:9px;font-style:normal}
.iac-cip small{display:block;font-size:11px;font-weight:500;color:#8E97AB}
.iac-c1{right:-6px;top:120px}
.iac-c2{left:0;bottom:70px;animation-delay:-3s}
@keyframes iac-yuz3{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
/* ---------- DESTEK ---------- */
.iad2{position:relative;overflow:hidden;color:#13203D;background:linear-gradient(160deg,#FBF8F1,#F0E5CD)}
.iad2::before{content:"";position:absolute;inset:0;background-image:url('/images/hero-kufi-yazma-altin.webp');background-size:cover;background-position:center;opacity:.10;mix-blend-mode:multiply}
.iad2-ic{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:96px 32px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.iad2-halka{position:relative;width:min(440px,100%);aspect-ratio:1;margin:0 auto}
.iad2-dalga{position:absolute;inset:16%;border-radius:50%;border:1.5px solid rgba(125,107,75,.35);animation:iad2-dalga 4.5s ease-out infinite}
.iad2-dalga:nth-child(2){animation-delay:-1.5s}
.iad2-dalga:nth-child(3){animation-delay:-3s}
@keyframes iad2-dalga{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.7);opacity:0}}
.iad2-merkez{position:absolute;inset:16%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#24345C,#13203D 70%);border-radius:50%;box-shadow:0 30px 60px rgba(19,32,61,.35),0 0 0 10px rgba(255,255,255,.55);overflow:hidden}
.iad2-el{width:58%;height:58%;margin:6% 0 0 -4%}
.iad2-kalp{transform-box:fill-box;transform-origin:center;animation:iad2-kalp 3.2s ease-in-out infinite}
@keyframes iad2-kalp{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(-1px,-2px) scale(1.12)}60%{transform:translate(-1px,-2px) scale(1.05)}}
.iad2-zerre{position:absolute;left:52%;top:58%;width:7px;height:7px;border-radius:50%;background:#C9B68C;box-shadow:0 0 10px rgba(201,182,140,.8);opacity:0;animation:iad2-zerre 3.2s ease-out infinite}
.iad2-zerre:nth-of-type(2){left:60%;animation-delay:-.8s;width:5px;height:5px}
.iad2-zerre:nth-of-type(3){left:46%;animation-delay:-1.6s;width:6px;height:6px}
.iad2-zerre:nth-of-type(4){left:56%;animation-delay:-2.4s;width:4px;height:4px}
@keyframes iad2-zerre{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(-110px);opacity:0}}
.iad2-ust{margin:0;font-size:12px;font-weight:600;letter-spacing:3px;color:#7D6B4B}
.iad2 h2{margin:14px 0 0;font-size:clamp(42px,5.4vw,70px);line-height:1.02;font-weight:700;letter-spacing:-1px}
.iad2 h2 span{color:#7D6B4B}
.iad2-tasler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}
.iad2-tas{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:18px;background:rgba(255,255,255,.7);border:1px solid #E6D8B8;border-radius:18px;backdrop-filter:blur(4px)}
.iad2-tas i{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#C9B68C;background:#13203D;border-radius:14px;font-style:normal}
.iad2-tas b{font-size:16px;line-height:1.25}
.iad2-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px}
.iad2-btn{display:inline-flex;align-items:center;gap:14px;min-height:66px;padding:0 14px 0 30px;font-size:19px;font-weight:600;text-decoration:none;color:#FFFFFF;background:#13203D;border-radius:33px;box-shadow:0 18px 34px rgba(19,32,61,.25);transition:transform .2s,box-shadow .2s}
.iad2-btn span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#13203D;background:#C9B68C;border-radius:50%;transition:transform .2s}
.iad2-btn:hover{transform:translateY(-2px);box-shadow:0 22px 40px rgba(19,32,61,.32)}
.iad2-btn:hover span{transform:rotate(-45deg)}
.iad2-not{font-size:13px;color:#8C7A57}
.iac a:focus-visible,.iad2 a:focus-visible{outline:2px solid #C9B68C;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.iac-on,.iac-arka,.iac-cip,.iad2-dalga,.iad2-kalp,.iad2-zerre{animation:none}}
@media (max-width:900px){
  .iac-ic,.iad2-ic{grid-template-columns:1fr;padding:64px 20px;gap:28px}
  .iac-sahne{height:520px;order:-1}
  .iac-qr{display:none}
  .iad2-halka{width:min(320px,86%)}
}
@media (max-width:520px){
  .iac-sahne{height:440px;margin:24px -20px 0}
  .iac-tel{width:210px;height:432px;border-radius:38px}
  .iac-ekran{border-radius:30px}
  .iac-on{margin-left:-62px}.iac-arka{margin-left:-196px;top:40px}
  .iac-sayfa p{font-size:11px}
  .iac-c1{right:6px;top:70px}.iac-c2{left:8px;bottom:30px}
  .iac-ozellik{gap:12px;justify-content:space-between}
  .iac-magaza{flex:1 1 100%;justify-content:center}
  .iad2-tasler{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .iad2-tas{padding:12px;gap:10px}.iad2-tas i{width:40px;height:40px}.iad2-tas b{font-size:13px}
  .iad2-btn{width:100%;justify-content:space-between}
}

/* site uyumu: mobile.css bağlantı/düğme kuralları, Arapça yazı tipi */
.iac a.iac-magaza,.iad2 a.iad2-btn{width:auto;max-width:100%}
@media (max-width:520px){.iac a.iac-magaza{width:100% !important}.iad2 a.iad2-btn{width:100% !important}}
.iac-qr span{display:block}