/* ================================================= */
/*   VELAR — صفحة المنتج (تصميم شامل احترافي)          */
/* ================================================= */

:root{
  --vp-dark:#111827;
  --vp-muted:#6b7280;
  --vp-border:rgba(17,24,39,.10);
  --vp-blue:#0a58ff;
  --vp-radius:12px;
}

/* ================================================= */
/*   مسار التنقل (Breadcrumb)                          */
/* ================================================= */

.hidden.md\:block.pt-6 > div{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  color:var(--vp-muted) !important;
}

.hidden.md\:block.pt-6 a{
  color:var(--vp-muted) !important;
  transition:color .15s ease;
}

.hidden.md\:block.pt-6 a:hover{
  color:var(--vp-blue) !important;
}

.hidden.md\:block.pt-6 svg{
  width:13px !important;
  height:13px !important;
  opacity:.6;
}

.hidden.md\:block.pt-6 span{
  font-weight:700 !important;
  color:var(--vp-dark) !important;
}

/* ================================================= */
/*   معرض الصور                                        */
/* ================================================= */

.sphinx_product_active_img{
  border-radius:16px !important;
  border:1px solid var(--vp-border);
}

.sphinx_product_images_grid button{
  border-radius:10px !important;
  overflow:hidden;
  transition:opacity .15s ease;
}

.sphinx_product_images_grid button:hover{
  opacity:.8;
}

.sphinx_product_images_img{
  border-radius:10px !important;
  outline-color:var(--vp-blue) !important;
}

/* ================================================= */
/*   عنوان المنتج والتقييم                             */
/* ================================================= */

.product_name{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

.p_details_container > div > .relative.flex.flex-col > a{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:var(--vp-blue) !important;
  background:rgba(10,88,255,.07);
  border-radius:999px;
  padding:5px 12px;
}

.p_details_container p.text-sm.md\:text-lg.text-\[\#61758A\]{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:500 !important;
  color:var(--vp-muted) !important;
  line-height:1.8 !important;
}

/* بادج "يشاهد المنتج الآن" */
.fake_visitors_container{
  border-color:var(--vp-border) !important;
  border-radius:999px !important;
  background:#fafbfc;
}

.fake_visitors_container svg{
  color:var(--vp-blue) !important;
}

.fake_visitors_container p{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:600 !important;
  font-size:12.5px !important;
  color:var(--vp-dark) !important;
}

.fake_visitors_container::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#22c55e;
  display:inline-block;
  margin-left:2px;
  animation:vp-live-pulse 1.6s ease-in-out infinite;
}

@keyframes vp-live-pulse{
  0%,100%{ opacity:1; }
  50%{ opacity:.35; }
}

/* ================================================= */
/*   السعر                                             */
/* ================================================= */

#sale-price{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:800 !important;
  color:var(--vp-dark) !important;
}

.p_details_container .text-skin-primary{
  color:var(--vp-dark) !important;
}

.p_details_container .line-through{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:500 !important;
}

/* ================================================= */
/*   أزرار الشراء                                      */
/* ================================================= */

.checkout_btn{
  background:var(--vp-dark) !important;
  border:none !important;
  box-shadow:none !important;
  transition:background .15s ease, transform .15s ease !important;
}
.checkout_btn:hover{
  background:#000000 !important;
  transform:translateY(-1px);
}

.add_to_cart_btn{
  background:#fff !important;
  border:1.5px solid var(--vp-dark) !important;
  color:var(--vp-dark) !important;
  box-shadow:none !important;
  transition:all .15s ease !important;
}
.add_to_cart_btn:hover{
  background:var(--vp-dark) !important;
  color:#fff !important;
}

.p_details_container .flex.justify-center.items-center.gap-3.border.rounded-full{
  border-color:var(--vp-border) !important;
}

/* ================================================= */
/*   منتجات مشابهة — أزرار السلايدر                    */
/* ================================================= */

button[aria-label="prev-button"],
button[aria-label="next-button"]{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  border:1px solid var(--vp-border) !important;
  background:#fff !important;
  transition:border-color .2s ease, background .2s ease !important;
}

button[aria-label="prev-button"]:hover,
button[aria-label="next-button"]:hover{
  border-color:var(--vp-blue) !important;
  background:rgba(10,88,255,.05) !important;
  opacity:1 !important;
}

button[aria-label="prev-button"] svg,
button[aria-label="next-button"] svg{
  width:18px !important;
  height:18px !important;
  color:var(--vp-dark) !important;
}

.flex.items-center.justify-center.gap-\[84px\]{
  gap:14px !important;
  margin-top:20px !important;
}

@media (max-width:640px){
  .fake_visitors_container p{
    font-size:11.5px !important;
  }
}