/* Add custom CSS styles below */ 
custom-salla-product-card .s-product-options-option-label {
	display: block !important;
}
custom-salla-product-card .border-borderColor {
	display: none !important;
}
custom-salla-product-card .whatsapp-action-btn {
	margin-top: auto;
}
.product-entry__content {
	padding: 1rem 0.75rem !important;
}
.s-products-list-vertical-cards {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.s-products-slider-card {
	padding: 0 !important;
}

@media (min-width: 640px) {
    .products-6-per-row .s-products-list-wrapper, .products-6-per-row .s-products-list-vertical-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (min-width: 1024px) {
    .products-6-per-row .s-products-list-wrapper, .products-6-per-row .s-products-list-vertical-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1280px) {
    .products-6-per-row .s-products-list-wrapper, .products-6-per-row .s-products-list-vertical-cards {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

.addtocart-bar salla-add-product-button,
.addtocart-bar .center-between,
salla-product-options {
	display: none !important;
}

.readonly-options-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 12px;
}

.readonly-option-box {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 6px;
  text-align: center;
  background: #f1f1f1;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.option-title {
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
}
.option-price span {
  font-size: 12px;
  font-weight: 500;
  opacity: 0.8;
}
.option-prices {
  display: flex;
  flex-direction: column;
}
.price-old {
  font-size: 12px;
  color: #dc2626;
  text-decoration: line-through;
  font-weight: 600;
}
.price-new {
  font-size: 14px;
  font-weight: 700;
  margin-top: -4px;
}
.price-per-day {
  font-size: 11px;
  color: #374151;
  opacity: 0.9;
  margin-top: -2px;
}
.readonly-option-box.best-seller {
  border: 2px solid #16a34a;
  position: relative;
  background: #ffffff; 
  transform: scale(1.06);
  box-shadow: 0 6px 18px rgba(22, 163, 74, 0.25);
  z-index: 1;
}
.readonly-option-box.best-seller .price-new {
  font-size: 16px;
}
.readonly-option-box.best-seller .option-title {
  font-size: 13px;
}
.readonly-option-box.best-seller::before {
  content: "الأكثر طلباً";
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  background: #16a34a;
  color: #fff;
  font-size: 10px;
  padding: 0px 8px;
  border-radius: 4px;
  white-space: nowrap;
  font-weight: 600;
}
.whatsapp-action-btn {
  display: block;
  margin-top: 8px;
  padding: 12px;
  text-align: center;
  background: radial-gradient(
      800px 220px at 10% 0%,
      rgba(124, 58, 237, 0.28),
      transparent 55%
    ),
    linear-gradient(
      90deg,
      rgba(37, 211, 102, 0.95),
      rgba(124, 58, 237, 0.75)
    ) !important;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
  text-decoration: none;
}

.whatsapp-action-btn:hover {
  opacity: 0.9;
}
/* END V custom CSS styles */ 



:root{
  --vp-wa:#25D366;
  --vp-purple:#7c3aed;
}
.vp-wa-bar{
  position:fixed !important;
  left:16px !important;
  right:16px !important;
  bottom:16px !important;
  z-index:999999 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;

  padding:14px 16px !important;
  border-radius:18px !important;

  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;

  background:
    radial-gradient(800px 220px at 10% 0%, rgba(124,58,237,.28), transparent 55%),
    linear-gradient(90deg, rgba(37,211,102,.95), rgba(124,58,237,.75)) !important;

  box-shadow:0 14px 40px rgba(0,0,0,.35) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

.vp-wa-text{ text-align:center !important; }
.vp-wa-bar small{
  display:block !important;
  font-size:12px !important;
  font-weight:600 !important;
  opacity:.9 !important;
}

.vp-wa-dot{
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:0 0 0 6px rgba(255,255,255,.25) !important;
  animation:vpPulse 1.6s infinite !important;
}

@keyframes vpPulse{
  0%{ box-shadow:0 0 0 0 rgba(255,255,255,.35); }
  70%{ box-shadow:0 0 0 14px rgba(255,255,255,0); }
  100%{ box-shadow:0 0 0 0 rgba(255,255,255,0); }
}

@media(max-width:480px){
  .vp-wa-bar{
    bottom:12px !important;
    padding:12px 14px !important;
    border-radius:16px !important;
    font-size:15px !important;
  }
  .vp-wa-bar small{ font-size:11px !important; }
}

body{ padding-bottom:90px !important; }