/* Add custom CSS styles below */ 
/* الشريط الإعلاني */
.zohal-announcement{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 999999 !important;
  height: 40px !important;
  background: #111 !important;
  color: #fff !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  transition: transform .25s ease, opacity .25s ease !important;
}

.zohal-announcement.zohal-hide-bar{
  transform: translateY(-100%) !important;
  opacity: 0 !important;
}

.zohal-announcement-inner{
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
}

.zohal-announcement marquee{
  width: 100% !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 40px !important;
  color: #fff !important;
}

body{
  padding-top: 40px !important;
}

/* الكوبون */
.zohal-top-coupon{
  margin:15px 0;
}

.zohal-top-coupon-inner{
  background:#f8f8f8;
  border:1px dashed #ddd;
  border-radius:12px;
  padding:12px;
  text-align:center;
  cursor:pointer;
  transition:all .2s ease;
}

.zohal-top-coupon-inner:active{
  transform:scale(.98);
}

.zohal-top-coupon-text{
  font-size:13px;
  color:#666;
  margin-bottom:6px;
}

.zohal-top-coupon-code{
  font-size:16px;
  font-weight:700;
  background:#000;
  color:#fff;
  display:inline-block;
  padding:6px 14px;
  border-radius:8px;
  letter-spacing:1px;
}

.zohal-top-coupon-note{
  margin-top:6px;
  font-size:11px;
  color:#8a7d72;
}

.zohal-top-coupon-inner.copied{
  border-color:#111;
  background:#fcfcfc;
}

.zohal-top-coupon-inner.copied .zohal-top-coupon-code{
  background:#2f2f2f;
}

/* سطر الثقة */
.zohal-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 12px;
  direction:rtl;
}

.zohal-trust span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border:1px solid #e6ddd4;
  border-radius:999px;
  background:#fff;
  color:#5d4a43;
  font-size:13px;
  font-weight:600;
  line-height:1.4;
}

/* بلوك الشراء */
.zohal-buy-stack{
  margin:16px 0 18px;
  direction:rtl;
}

.zohal-add-btn{
  width:100%;
  height:54px;
  border:none;
  border-radius:14px;
  background:#111 !important;
  color:#fff;
  font-size:17px;
  font-weight:700;
  box-shadow:0 6px 16px rgba(0,0,0,.16);
  margin-bottom:14px;
  cursor:pointer;
  transition:opacity .2s ease, transform .2s ease;
}

.zohal-add-btn:hover{
  opacity:.96;
}

.zohal-add-btn:active{
  transform:scale(.99);
}

/* طرق الدفع */
.zohal-payment-box{
  background:#fff;
  border:1px solid #e7dfd7;
  border-radius:18px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  padding:16px;
  text-align:center;
}

.zohal-payment-title{
  font-size:22px;
  font-weight:700;
  margin-bottom:12px;
  color:#1f1f1f;
}

.zohal-payment-box img{
  width:100%;
  max-width:320px;
  height:auto;
  display:block;
  margin:0 auto;
}

/* الجوال */
@media (max-width:768px){
  .zohal-announcement{
    height:36px !important;
  }

  .zohal-announcement-inner{
    height:36px !important;
  }

  .zohal-announcement marquee{
    font-size:12px !important;
    line-height:36px !important;
  }

  body{
    padding-top:36px !important;
  }

  .zohal-top-coupon-text{
    font-size:12px;
  }

  .zohal-top-coupon-code{
    font-size:12px;
    padding:6px 10px;
  }

  .zohal-trust{
    gap:7px;
    margin:12px 0 10px;
  }

  .zohal-trust span{
    font-size:12px;
    padding:7px 10px;
  }

  .zohal-buy-stack{
    margin:14px 0 16px;
  }

  .zohal-add-btn{
    height:52px;
    font-size:16px;
  }

  .zohal-payment-title{
    font-size:20px;
  }

  .zohal-payment-box img{
    max-width:280px;
  }
}