/* modul.css — modul sayfalari (site.css uzerine) */
.modul-sayfa .mhero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:118px 0 72px}
.mhero .kap{position:relative;z-index:2;width:min(1240px,92vw);margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.mhero .asama{font-size:16px;color:var(--cam);font-weight:600;margin-bottom:14px}
.mhero h1{font-size:clamp(34px,4.4vw,58px)}
.mhero .buyuk{margin:18px 0 26px}
.mhero .cta{display:flex;gap:12px;flex-wrap:wrap}
.msahne{position:relative;perspective:1400px}

/* BOK: montaj izgarasi */
.montaj{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--cizgi);transform:rotateY(-6deg) rotateX(3deg)}
.montaj .mini{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.35);opacity:.92}
.montaj .mini svg{display:block;width:100%;height:auto}
.montaj .mini.farkli{outline:3px solid var(--hata);outline-offset:-3px;opacity:1;animation:vurgu 2.2s ease-in-out infinite}
.montaj .mini.farkli::after{content:"1. satır · 4. etiket";position:absolute;left:0;right:0;bottom:0;padding:4px 6px;font-size:10px;font-weight:600;color:#fff;background:var(--hata)}
@keyframes vurgu{0%,100%{box-shadow:0 0 0 0 rgba(255,93,93,.45)}50%{box-shadow:0 0 0 12px rgba(255,93,93,0)}}
.montaj-not{grid-column:1/-1;margin-top:6px;font-size:14px;color:var(--metin2)}
.montaj-not b{color:var(--metin)}

/* BSK: basili etiket + tarayici isigi */
.tarama{position:relative}
.tarama .kagit{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);transform:rotateY(-4deg) rotateX(3deg) rotateZ(-1.5deg)}
.tarama .kagit svg{display:block;width:100%;height:auto}
.tarama .doku{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(120% 90% at 30% 20%,rgba(120,100,60,.14),transparent 60%),repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px)}
.tarama .isin{position:absolute;left:-4%;right:-4%;height:3px;top:0;border-radius:3px;background:linear-gradient(90deg,transparent,var(--cam) 20%,#fff 50%,var(--cam) 80%,transparent);box-shadow:0 0 18px 4px rgba(56,217,245,.55);animation:tara 4.5s ease-in-out infinite}
.tarama .isin::after{content:"";position:absolute;left:0;right:0;top:3px;height:60px;background:linear-gradient(180deg,rgba(56,217,245,.25),transparent)}
@keyframes tara{0%{top:0;opacity:0}8%{opacity:1}48%{top:100%;opacity:1}56%{opacity:0}100%{top:100%;opacity:0}}
.hat-not{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 16px;border-radius:10px;border:1px solid var(--cizgi);background:rgba(255,255,255,.04);font-size:15px;color:var(--metin2)}
.hat-not b{color:var(--metin)}
.hat-not .led{width:10px;height:10px;border-radius:50%;background:var(--temiz);box-shadow:0 0 12px var(--temiz)}
.hat-not .led.kirmizi{background:var(--hata);box-shadow:0 0 12px var(--hata)}

/* MEVZUAT: olcu cizgileri */
.mevzuat-sahne .kagit{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);transform:rotateY(-6deg) rotateX(4deg)}
.mevzuat-sahne .kagit svg{display:block;width:100%;height:auto}
.mevzuat-sahne .olcu{position:absolute;inset:0;animation:olcu-belir 1.4s ease-out .4s both}
@keyframes olcu-belir{from{opacity:0}to{opacity:1}}

/* adimlar */
.adimlar{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:22px 40px;margin-top:40px}
.adimlar li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.adimlar .no{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-family:var(--display);font-weight:800;font-size:17px;background:linear-gradient(135deg,var(--mor),var(--cam));color:#fff}
.adimlar h3{font-family:var(--display);font-weight:700;font-size:19px;margin-bottom:6px}
.adimlar p{color:var(--metin2);font-size:15px}

/* neyi yakalar */
.ygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.ykart{padding:24px 22px;border-radius:14px;border:1px solid var(--cizgi);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}
.ykart .rozet{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;margin-bottom:14px;border:1px solid var(--cizgi)}
.ykart .rozet.hata{color:var(--hata);border-color:rgba(255,93,93,.4)}
.ykart .rozet.kayma{color:var(--kayma);border-color:rgba(255,180,84,.4)}
.ykart .rozet.temiz{color:var(--temiz);border-color:rgba(62,213,152,.4)}
.ykart h3{font-family:var(--display);font-weight:700;font-size:18px;margin-bottom:8px}
.ykart p{color:var(--metin2);font-size:15px}

/* rapor */
.rgrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.rmaddeler{display:grid;gap:0}
.rmadde{padding:18px 0;border-bottom:2px solid rgba(255,255,255,.28)}
.rmadde:first-child{border-top:2px solid rgba(255,255,255,.28)}
.rmadde b{display:block;font-family:var(--display);font-weight:700;font-size:18px;margin-bottom:6px}
.rmadde p{color:var(--metin2);font-size:15px}

@media (max-width:900px){
  .mhero{min-height:0;padding-top:100px}
  .mhero .kap,.rgrid{grid-template-columns:1fr}
  .adimlar,.ygrid{grid-template-columns:1fr}
  .montaj{grid-template-columns:repeat(2,1fr);transform:none}
  .tarama .kagit,.mevzuat-sahne .kagit{transform:none}
}
@media (prefers-reduced-motion:reduce){.tarama .isin,.montaj .mini.farkli,.mevzuat-sahne .olcu{animation:none}}