.site-header {
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-container {
  display: flex;
  align-items: center;
}

.logo {
  width: 330px;   /* عدّل الحجم براحتك */
  height: auto;
}

  
    *{box-sizing:border-box;margin:0;padding:0;font-family:'Cairo',sans-serif}
    body{
      background:linear-gradient(135deg,#0f0f14,#141428);
      color:#fff;
      line-height:1.8
    }
    a{text-decoration:none}
    .container{width:90%;max-width:1200px;margin:auto;padding-top:0px;}

 .offer-bar {
  width: 100%;
  background-color: #ff3b3b;  /* أحمر جذاب */
  overflow: hidden;
  white-space: nowrap;
  padding: 10px 0px;
}

.offer-text {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  animation: moveRight 20s linear infinite;
}

@keyframes moveRight {
  from { transform: translateX(-20%); }
  to { transform: translateX(100%); }
}
  
  
  
    /* Glass Effect */
    .glass{
      background:rgba(255,255,255,0.08);
      backdrop-filter:blur(12px);
      -webkit-backdrop-filter:blur(12px);
      border:1px solid rgba(255,255,255,0.15);
      border-radius:22px;
      box-shadow:0 20px 40px rgba(0,0,0,.4)
    }
  .center{
    margin:auto;
  }

    header{padding-top:40px;text-align:center}
    header h1{font-size:2.7rem;font-weight:800;margin-bottom:20px}
    header p{font-size:1.2rem;color:#d7d7d7}

    .btn{
      display:inline-block;
      margin-top:35px;
      padding:16px 38px;
      background:linear-gradient(135deg,#25D366,#1ebe5d);
      color:#000;
      font-weight:700;
      border-radius:50px;
      transition:.3s
    }
    .btn:hover{transform:scale(1.05)}

    section{padding:80px 0}
    h2{text-align:center;font-size:2.1rem;margin-bottom:55px}

    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:35px}

    .card{padding:35px;text-align:center}
    .card i{font-size:32px;margin-bottom:18px;color:#25D366}

    .before-after{padding:40px;text-align:center;font-weight:600}

    .testimonial{font-style:italic;color:#eee}

    .price{font-size:2.2rem;font-weight:800;margin-top:20px;color:#25D366}

    footer{text-align:center;padding:35px;color:#aaa;font-size:.9rem}

    /* Scroll Animation */
    .reveal{opacity:1;transform:translateY(40px);transition:all .8s ease}
    .reveal.active{opacity:1;transform:translateY(0)}
  
  
  .whatsapp-float{
  position:fixed;
  bottom:20px;
  right:20px;
  background:#25D366;
  color:#000;
  padding:14px 20px;
  border-radius:50px;
  font-weight:700;
  z-index:999;
  animation:pulse 1.5s infinite;
}
  .whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}
@keyframes pulse{
  0%{transform:scale(1)}
  50%{transform:scale(1.08)}
  100%{transform:scale(1)}
}
  
  
  
  @media (max-width:480px){
  .grid {
    grid-template-columns: 1fr; /* عمود واحد */
    gap:25px;
  }
  header h1 {
    font-size:2rem;
  }
  header p {
    font-size:1rem;
  }
  .btn {
    padding:12px 28px;
    font-size:1rem;
  }
}
  .btn:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 18px rgba(0,0,0,0.4);
}
  
  .cv-footer{
  background:rgba(255,255,255,0.04);
  border-top:1px solid rgba(255,255,255,0.1);
  padding:50px 0 30px;
  margin-top:80px;
}

.footer-container{
  width:90%;
  max-width:1200px;
  margin:auto;
  text-align:center;
}

.footer-brand h3{
  font-size:1.6rem;
  font-weight:800;
  margin-bottom:8px;
}

.footer-brand p{
  font-size:.95rem;
  color:#cfcfcf;
  max-width:420px;
  margin:0 auto 25px;
}

.footer-social{
  display:flex;
  justify-content:center;
  gap:18px;
  margin-bottom:25px;
}

.footer-social a{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#25D366;
  color:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  transition:.3s;
}

.footer-social a:hover{
  transform:translateY(-4px) scale(1.08);
}

.footer-copy{
  font-size:.85rem;
  color:#aaa;
}
  .footer-social a:nth-child(2){
  background:#25D366;
}
  
  .footer-social a:nth-child(1){background:#1877f2;} /* Facebook */
.footer-social a:nth-child(2){background:#25D366;} /* WhatsApp */
.footer-social a:nth-child(3){background:#e1306c;} /* Instagram */
.footer-social a:nth-child(4){background:white;}    /* X */