/* فئات دائرية */
.category-item img,
.card-item img {
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

@media (max-width: 768px) {

  .home-categories-section *:has(> .category-item) {
    width: 22% !important;
    min-width: 22% !important;
    max-width: 22% !important;
    flex: 0 0 22% !important;
  }

  .home-categories-section .category-item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .home-categories-section .category-item img {
    width: 100% !important;
    height: auto !important;
  }

  .home-categories-section .category-item span,
  .home-categories-section .category-item p,
  .home-categories-section .category-title {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .home-categories-section button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .18) !important;
    z-index: 10 !important;
  }

  .home-categories-section button > span {
    opacity: 1 !important;
    font-size: 15px !important;
  }
}span[class*="badge"],
span[class*="label"],
span[class*="tag"],
div[class*="badge"],
div[class*="label"],
div[class*="tag"] {
    background: #BA0E1C !important;
    color: #fff !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    border: none !important;
}

/* توسيط كل النصوص */
.footer,
.footer * {
    text-align: center !important;
}

/* توسيط الأعمدة نفسها */
.footer .row,
.footer .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* توسيط روابط تهمك */
.footer ul {
    padding: 0 !important;
}

.footer ul li {
    list-style: none;
    margin-bottom: 6px;
}

/* توسيط أيقونات التواصل */
.footer .social,
.footer .social-icons {
    display: flex !important;
    justify-content: center !important;
    gap: 10px;
}

/* توسيط شعارات الدفع */
.footer img {
    margin: 5px auto !important;
    display: block;
}

.product-item,
.product-card {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08) !important;
    padding-bottom: 12px !important;
    text-align: center !important;
}

.product-item img,
.product-card img {
    border-radius: 12px !important;
}

.product-item .btn,
.product-item button,
.product-card .btn,
.product-card button {
    border-radius: 10px !important;
    width: 90% !important;
    margin: 10px auto 0 !important;
    display: block !important;
/* توسيط عام لواجهة المتجر */
main,
.main,
.site-main,
.home,
.homepage,
.page-content,
.section,
.section-content,
.container,
.row {
    text-align: center !important;
}

/* توسيط عناوين الأقسام والنصوص */
h1, h2, h3, h4, h5, h6,
.section-title,
.section-header,
.title,
.subtitle,
.description,
p {
    text-align: center !important;
}

/* توسيط أقسام المنتجات */
.products,
.products-grid,
.product-list,
.product-items,
.collection-products {
    justify-content: center !important;
    text-align: center !important;
}

/* توسيط كروت المنتجات */
.product-item,
.product-card {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    background: #FFFFFF !important;
}

/* توسيط محتوى البطاقة */
.product-item *,
.product-card * {
    text-align: center !important;
}

/* توسيط البنرات */
.banner,
.hero,
.slideshow,
.slider,
.carousel {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* توسيط نصوص البنرات */
.banner *,
.hero *,
.slideshow *,
.slider *,
.carousel * {
    text-align: center !important;
}

/* توسيط الأزرار */
button,
.btn,
.button,
a[class*="btn"] {
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* توسيط صور الأقسام والبنرات */
img {
    margin-left: auto !important;
    margin-right: auto !important;
}/* خلفية بطاقة المنتج أبيض */
.product-item,
.product-card {
    background: #FFFFFF !important;
}

/* لو فيه طبقة داخلية (بعض الثيمات تستخدمها) */
.product-item .product-info,
.product-card .product-info {
    background: #FFFFFF !important;
}

/* تأكد أن النص واضح فوق الأبيض */
.product-item *,
.product-card * {
    color: inherit !important;
}