:root { 
  --red:#e10600; 
  --black:#000; 
  --white:#fff; 
}
* { 
  box-sizing:border-box; 
}
html,body { 
  height:100%; 
}
body {
  margin:0;
  font-family:"Noto Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans Arabic", sans-serif;
  background:#fff;
  color:#111;
  overflow: auto;
}

/* إخفاء سكرول */
body::-webkit-scrollbar { 
  width:0; 
  height:0; 
}
body { 
  scrollbar-width: none; 
}

/* شريط الأيقونات */
.top-icons{
  position:sticky; 
  top:0; 
  z-index:20;
  display:flex; 
  gap:8px; 
  justify-content:center; 
  align-items:center;
  padding:8px; 
  background:#fff;
  border-bottom:1px solid #eee;
}
.icon-btn{
  width:44px; 
  height:44px; 
  min-width:44px;
  display:inline-flex; 
  align-items:center; 
  justify-content:center;
  background:var(--red);
  border:2px solid var(--black);
  border-radius:10px;
  color:var(--white);
  text-decoration:none;
  box-shadow:0 1px 0 rgba(0,0,0,.2), inset 0 0 0 1px rgba(255,255,255,.08);
  animation:shake 1.2s infinite ease-in-out;
  transform-origin:50% 50%;
}
.icon-btn i{ 
  font-size:22px; 
  line-height:1; 
}
.icon-btn:active{ 
  transform:scale(0.96); 
}

/* اهتزاز ملفت */
@keyframes shake{
  0%{ 
    transform:translate3d(0,0,0) rotate(0); 
  }
  10%{ 
    transform:translate3d(-1px,0,0) rotate(-5deg); 
  }
  20%{ 
    transform:translate3d(1px,0,0) rotate(5deg); 
  }
  30%{ 
    transform:translate3d(-1px,0,0) rotate(-4deg); 
  }
  40%{ 
    transform:translate3d(1px,0,0) rotate(4deg); 
  }
  50%{ 
    transform:translate3d(-1px,0,0) rotate(-3deg); 
  }
  60%{ 
    transform:translate3d(1px,0,0) rotate(3deg); 
  }
  70%{ 
    transform:translate3d(-1px,0,0) rotate(-2deg); 
  }
  80%{ 
    transform:translate3d(1px,0,0) rotate(2deg); 
  }
  90%{ 
    transform:translate3d(-1px,0,0) rotate(-1deg); 
  }
  100%{ 
    transform:translate3d(0,0,0) rotate(0); 
  }
}

/* إطار الموقع */
.frame-wrap{
  position:relative;
  width:100%;
  height:calc(100vh - 60px); /* تقريبًا ارتفاع شريط الأيقونات */
}
.frame-wrap iframe{
  position:absolute; 
  inset:0;
  width:100%; 
  height:100%;
  border:0; 
  background:#fff;
}

/* الشريط السفلي */
.promo-bar{
  position:fixed; 
  left:0; 
  right:0; 
  bottom:0; 
  z-index:30;
  height:100px; 
  display:flex; 
  align-items:center; 
  justify-content:center;
  background:rgba(0,0,0,.6); 
  backdrop-filter:saturate(100%) blur(2px);
}
.promo-actions{
  display:flex; 
  gap:12px; 
  align-items:center; 
  justify-content:center;
}
.promo-btn img{
  display:block; 
  width:250px; 
  height:90px; 
  object-fit:contain;
  border-radius:6px; 
  border:1px solid rgba(255,255,255,.12);
  background:transparent;
}

/* زر إغلاق X أحمر */
.close-bar{
  position:absolute; 
  right:10px; 
  top:8px;
  width:36px; 
  height:36px; 
  border-radius:8px;
  border:1px solid var(--black);
  background:rgba(255,255,255,.06);
  color:var(--red);
  display:inline-flex; 
  align-items:center; 
  justify-content:center;
  cursor:pointer;
}
.close-bar .x{ 
  font-size:22px; 
  font-weight:700; 
  line-height:1; 
}
.close-bar:active{ 
  transform:scale(0.96); 
}

/* تحسينات للشاشات الصغيرة */
@media (max-width:420px){
  .icon-btn{ 
    width:40px; 
    height:40px; 
    border-radius:8px; 
  }
  .promo-btn img{ 
    width:190px; 
    height:70px; 
  }
  .promo-bar{ 
    height:100px; 
  }
}