/* Nograd Universal Modal (client-side) */
.nograd-open-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 18px;border-radius:14px;
  background:#111;color:#fff;text-decoration:none;font-weight:800;
  cursor:pointer;border:0;
}

.nograd-modal{display:none;position:fixed;inset:0;z-index:99999999;}
.nograd-modal.is-open{display:block;}

.nograd-backdrop{
  position:absolute;inset:0;background:rgba(0,0,0,.60);
}

.nograd-panel{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:min(920px,92vw);
  max-height:90vh;overflow:auto;
  background:#fff;border-radius:18px;
  padding:14px;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
}

.nograd-close{
  position:absolute;right:10px;top:8px;
  font-size:28px;line-height:1;
  width:40px;height:40px;
  border-radius:12px;border:0;
  background:#fff;color:#111;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

.nograd-frame{
  width:100%;
  height:720px;
  border:0;
  border-radius:14px;
  overflow:hidden;
  display:block;
}

/* Mobile : un peu moins haut */
@media (max-width: 520px){
  .nograd-frame{height:760px;}
}