/* ================================================================= */
/*   VELAR — قسم "منتجات الرئيسية" (Home Products) — تصميم احترافي    */
/* ================================================================= */

:root{
  --vh-dark:#111827;
  --vh-muted:#6b7280;
  --vh-border:rgba(17,24,39,.08);
  --vh-blue:#0a58ff;
}

/* ----------------------------------------------------------------- */
/*   عنوان القسم — بدّلنا الخط المموّج القديم بشرطة أنيقة تحت العنوان   */
/* ----------------------------------------------------------------- */

.home_section_top_container{
  gap:10px !important;
  margin-bottom:38px !important;
}

.home_section_top_container span.text-skin-primary{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:11.5px !important;
  font-weight:800 !important;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--vh-blue) !important;
}

.home_section_top_title{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:800 !important;
  color:var(--vh-dark) !important;
  letter-spacing:-.01em !important;
}

.home_section_top_title svg{
  display:none !important;
}

.home_section_top_title::after{
  content:"";
  display:block;
  width:52px;
  height:3px;
  background:var(--vh-blue);
  border-radius:2px;
  margin:14px auto 0;
}

/* ----------------------------------------------------------------- */
/*   شبكة المنتجات — تباعد موحّد                                      */
/* ----------------------------------------------------------------- */

.home_products_grid_container{
  gap:22px !important;
}

@media (min-width:1024px){
  .home_products_grid_container{
    gap:28px !important;
  }
}

/* ----------------------------------------------------------------- */
/*   كارت المنتج                                                     */
/* ----------------------------------------------------------------- */

.home_products_grid_container .group.box-border,
.category_products_grid_container .group.box-border,
.swiper-slide .group.box-border{
  border:1px solid var(--vh-border) !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 1px 3px rgba(17,24,39,.04) !important;
  padding-bottom:20px !important;
  transition:box-shadow .3s ease, transform .3s ease, border-color .3s ease !important;
}

.home_products_grid_container .group.box-border:hover,
.category_products_grid_container .group.box-border:hover,
.swiper-slide .group.box-border:hover{
  border-color:rgba(17,24,39,.14) !important;
  box-shadow:0 16px 32px rgba(17,24,39,.10) !important;
  transform:translateY(-6px) !important;
}

/* الصورة */
.home_products_grid_container .group.box-border .relative.overflow-hidden.object-cover,
.category_products_grid_container .group.box-border .relative.overflow-hidden.object-cover,
.swiper-slide .group.box-border .relative.overflow-hidden.object-cover{
  width:100% !important;
  aspect-ratio:4/5;
  border-radius:16px 16px 0 0 !important;
  overflow:hidden;
}

.home_products_grid_container .group.box-border img,
.category_products_grid_container .group.box-border img,
.swiper-slide .group.box-border img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:16px 16px 0 0 !important;
  transition:transform .6s cubic-bezier(.25,.8,.25,1) !important;
}

.home_products_grid_container .group.box-border:hover img,
.category_products_grid_container .group.box-border:hover img,
.swiper-slide .group.box-border:hover img{
  transform:scale(1.06) !important;
}

/* بادج الخصم — أسود بدل الأحمر عشان يتماشى مع هوية البراند الفاخرة */
.home_products_grid_container .group.box-border span.absolute.top-3.left-3,
.category_products_grid_container .group.box-border span.absolute.top-3.left-3,
.swiper-slide .group.box-border span.absolute.top-3.left-3{
  top:12px !important;
  left:12px !important;
  background:var(--vh-dark) !important;
  color:#fff !important;
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:11px !important;
  font-weight:800 !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  box-shadow:0 4px 10px rgba(17,24,39,.18) !important;
}

/* بادج اسم القسم (PERFUMES..) فوق يمين الصورة */
.home_products_grid_container .group.box-border .mt-3.md\:mt-5,
.category_products_grid_container .group.box-border .mt-3.md\:mt-5,
.swiper-slide .group.box-border .mt-3.md\:mt-5{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  margin:0 !important;
  z-index:3;
  pointer-events:none;
}

.home_products_grid_container .group.box-border .mt-3.md\:mt-5 span.block,
.category_products_grid_container .group.box-border .mt-3.md\:mt-5 span.block,
.swiper-slide .group.box-border .mt-3.md\:mt-5 span.block{
  display:inline-block !important;
  background:rgba(255,255,255,.95) !important;
  color:var(--vh-dark) !important;
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.05em;
  text-transform:uppercase;
  padding:6px 12px !important;
  border-radius:999px !important;
  box-shadow:0 4px 10px rgba(17,24,39,.10) !important;
  margin:0 !important;
}

/* أيقونات المفضلة والسلة عند الهوفر */
.home_products_grid_container .group.box-border .absolute.bottom-2,
.category_products_grid_container .group.box-border .absolute.bottom-2,
.swiper-slide .group.box-border .absolute.bottom-2{
  background:#fff !important;
  box-shadow:0 8px 20px rgba(17,24,39,.14) !important;
  backdrop-filter:none !important;
  border:1px solid var(--vh-border) !important;
  padding:10px 14px !important;
  gap:14px !important;
}

/* اسم المنتج */
.home_products_grid_container .group.box-border h3.text-heading,
.category_products_grid_container .group.box-border h3.text-heading,
.swiper-slide .group.box-border h3.text-heading{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  color:var(--vh-dark) !important;
  line-height:1.5 !important;
  padding:0 14px !important;
  margin-top:16px !important;
}

/* السعر */
.home_products_grid_container .group.box-border .flex.items-center.justify-center.text-heading,
.category_products_grid_container .group.box-border .flex.items-center.justify-center.text-heading,
.swiper-slide .group.box-border .flex.items-center.justify-center.text-heading{
  margin-top:12px !important;
  gap:8px !important;
}

.home_products_grid_container .group.box-border .flex.items-center.justify-center.text-heading span.flex.items-center.gap-1,
.category_products_grid_container .group.box-border .flex.items-center.justify-center.text-heading span.flex.items-center.gap-1,
.swiper-slide .group.box-border .flex.items-center.justify-center.text-heading span.flex.items-center.gap-1{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:800 !important;
  font-size:18px !important;
  color:var(--vh-dark) !important;
}

.home_products_grid_container .group.box-border del,
.category_products_grid_container .group.box-border del,
.swiper-slide .group.box-border del{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:500 !important;
  font-size:13px !important;
  color:#9ca3af !important;
}

/* ----------------------------------------------------------------- */
/*   زرار "عرض جميع المنتجات"                                        */
/* ----------------------------------------------------------------- */

.animate-slideIn.w-fit.mx-auto{
  background:var(--vh-dark) !important;
  border:none !important;
  color:#fff !important;
  border-radius:999px !important;
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:700 !important;
  padding:14px 32px !important;
  box-shadow:none !important;
  transition:background .2s ease, transform .2s ease !important;
}

.animate-slideIn.w-fit.mx-auto:hover{
  background:#000000 !important;
  color:#fff !important;
  transform:translateY(-2px);
}