/* Add custom CSS styles below */ 
/* =========================================================
   1) إشعارات وهمية (عدد الزوار)
   شكل الإشعار اللي يطلع أسفل الشاشة
========================================================= */
.fv-toast{
  position: fixed;
  bottom: 14px;
  right: 12px;
  z-index: 999999;

  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(17,17,17,.9);
  color: #fff;
  font-size: 13px;

  box-shadow: 0 10px 25px rgba(0,0,0,.2);

  display: none;
  animation: fadeIn .4s ease forwards;
}

@keyframes fadeIn{
  from{opacity:0; transform:translateY(10px);}
  to{opacity:1; transform:translateY(0);}
}



/* =========================================================
   2) مزايا المنتج (تحت الوصف)
   تغليف – شحن – ضمان
========================================================= */
#elite-benefits{
  margin-top: 25px;
  padding: 18px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #eee;
}

.elite-item{
  margin-bottom: 12px;
}

.elite-item strong{
  display:block;
  font-weight: 800;
  font-size: 14px;
}

.elite-item p{
  font-size: 12px;
  opacity: .7;
  margin-top: 3px;
}

.elite-concierge{
  display: block;
  margin-top: 12px;
  padding: 10px;
  text-align: center;
  background: #111;
  color: #fff !important;
  border-radius: 12px;
  text-decoration: none;
}





/* =========================================================
   تنسيق استفسار الشحن الاحترافي
========================================================= */

.af-ship-chip{
  position:fixed;
  left:16px;
  bottom:18px;
  z-index:999999;
  background:#be123c;
  color:#fff;
  padding:11px 16px;
  border-radius:999px;
  font-weight:900;
  font-size:14px;
  box-shadow:0 12px 35px rgba(190,18,60,.28);
  cursor:pointer;
  animation:afChipCycle 10s infinite;
}

.af-chip-stop{
  animation:none !important;
  display:flex !important;
}

@keyframes afChipCycle{
  0%,30%{opacity:1;transform:translateY(0)}
  35%,100%{opacity:0;transform:translateY(14px)}
}

.af-ship-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.35);
  z-index:999998;
  display:none;
}

.af-ship-overlay.show{
  display:block;
}

.af-ship-sheet{
  position:fixed;
  left:12px;
  right:12px;
  bottom:-120%;
  z-index:999999;
  background:#fff;
  border-radius:24px 24px 0 0;
  padding:16px;
  box-shadow:0 -20px 55px rgba(0,0,0,.22);
  transition:.35s ease;
  direction:rtl;
  font-family:system-ui;
}

.af-ship-sheet.show{
  bottom:0;
}

.af-ship-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
  font-size:16px;
}

.af-close{
  width:38px;
  height:38px;
  border-radius:50%;
  border:0;
  background:#be123c;
  color:#fff;
  font-size:24px;
  cursor:pointer;
}

.af-step{
  display:grid;
  gap:10px;
}

.af-option,
.af-result{
  width:100%;
  border:1px solid #eee;
  background:#fafafa;
  border-radius:18px;
  padding:15px;
  font-weight:900;
  font-size:15px;
  cursor:pointer;
  text-align:center;
}

.af-option:hover,
.af-result:hover{
  background:#111;
  color:#fff;
}

.af-back,
.af-back-riyadh,
.af-edit{
  border:0;
  background:#f3f3f3;
  border-radius:999px;
  padding:9px 14px;
  font-weight:800;
  cursor:pointer;
}

.af-summary{
  display:grid;
  gap:12px;
}

.af-summary-text{
  background:#f8f8f8;
  border:1px solid #eee;
  border-radius:18px;
  padding:15px;
  font-weight:900;
  text-align:center;
  line-height:1.8;
}

.af-wa{
  border:0;
  background:#be123c;
  color:#fff;
  border-radius:18px;
  padding:14px;
  font-weight:900;
  font-size:15px;
  cursor:pointer;
}

@media(max-width:480px){
  .af-ship-sheet{
    border-radius:22px 22px 0 0;
    padding:14px;
  }

  .af-option,
  .af-result{
    font-size:14px;
    padding:14px;
  }




  /* يخلي زر استفسار الشحن يظهر 3 ثواني ويختفي 7 ثواني */
.af-ship-chip{
  animation: afShipBlink 10s infinite !important;
}

.af-ship-chip.af-chip-stop{
  animation: none !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

@keyframes afShipBlink{
  0%{opacity:1; visibility:visible; transform:translateY(0);}
  30%{opacity:1; visibility:visible; transform:translateY(0);}
  40%{opacity:0; visibility:hidden; transform:translateY(14px);}
  100%{opacity:0; visibility:hidden; transform:translateY(14px);}
}
}





/* شفافية زر استفسار الشحن */
.af-ship-chip{
  background: rgba(190,18,60,0.75) !important; /* لون شفاف */
  backdrop-filter: blur(8px); 
  -webkit-backdrop-filter: blur(8px);

  border: 1px solid rgba(255,255,255,0.25);
  box-shadow: 0 10px 25px rgba(0,0,0,.15);

  opacity: 0.92;
}

/* إذا تبغاه أخف زيادة */
.af-ship-chip:hover{
  opacity: 1;
  background: rgba(190,18,60,0.85) !important;
}

/* تحسين عشان ما يحجب الضغط */
.af-ship-chip{
  pointer-events: auto;
}

/* لو تبغى يص






.af-specs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:18px 0;
  direction:rtl;
}

.af-spec{
  background:#f7f7f7;
  border-radius:16px;
  padding:14px 10px;
  text-align:center;
  border:1px solid #eee;
}

.af-spec strong{
  display:block;
  font-size:14px;
  font-weight:900;
  color:#111;
  margin-bottom:6px;
}

.af-spec span{
  font-size:13px;
  color:#666;
}