/* ========================================= */
/* 1. تنسيقات عامة (إخفاء عناصر وتنسيق الفوتر) */
/* ========================================= */
.ab-review-date, 
.ab-footer-powered, 
span.ab-review-date-sep, 
.ab-footer-newsletter-band { 
  display: none !important; 
}

.ab-footer-links li { margin-bottom: 10px !important; }
.ab-footer-brand-col { align-items: center !important; }
.ab-footer-logo img { max-width: 94px !important; }
.ab-footer-inner { padding: 40px 30px 15px !important; }
.hover\:bg-gray-600:hover { background-color: rgb(83 23 51) !important; }

/* ========================================= */
/* 📱 2. نسخة الموبايل (أقل من 768px) 📱 */
/* ========================================= */
@media (max-width: 768px) {
  /* الشبكة والمسافات بين المنتجات */
  .ab-pgrid-wrap { 
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 10px !important; 
    row-gap: 20px !important;
  }
  .ab-pgrid-swatches, .ab-plist-swatches { margin: 0 !important; }
  
  /* محاذاة الكروت بنفس الطول */
  .ab-pgrid-card { 
    height: 100% !important; 
    display: flex !important; 
    flex-direction: column !important; 
    padding-bottom: 25px !important; 
  }
  
  /* توزيع النصوص والسعر */
  .ab-pgrid-info { 
    padding-bottom: 0 !important; 
    flex: 1 !important; 
    display: flex !important; 
    flex-direction: column !important; 
    justify-content: space-between !important; 
  }
  
  /* سحب الزر للأعلى ليلتصق بالسعر باستخدام مسافة سالبة */
  .ab-pgrid-cart-btn { 
    margin-top: -15px !important; 
    position: relative !important;
    z-index: 2 !important;
  }
}

/* ========================================= */
/* 💻 3. نسخة التابلت والكمبيوتر 💻 */
/* ========================================= */
@media (min-width: 768px) {
  .md\:text-sm { background-color: #280a18 !important; }
}

@media (min-width: 901px) {
  .ab-reviews { padding-top: 75px !important; }
}

@media (min-width: 1024px) {
  .lq-desc-content .lq-desc-body.ql-editor { line-height: 1.6 !important; }
  
  /* تطبيق الـ 5 أعمدة على شاشات الكمبيوتر فقط */
  .ab-pgrid-wrap { 
    grid-template-columns: repeat(5, 1fr) !important; 
    gap: 14px !important; 
  }
  .ab-pgrid-card { padding-bottom: 15px; padding-top: 15px; }
  .ab-pgrid-info { padding-bottom: 0 !important; }
}

@media (min-width: 1280px) {
  .xl\:pt-14 { padding-bottom: 2rem; }
}
button.text-\[13px\].md\:text-sm.leading-4.inline-flex.items-center.cursor-pointer.transition.ease-in-out.duration-300.font-semibold.font-body.text-center.justify-center.border-0.border-transparent.rounded-md.placeholder-white.focus-visible\:outline-none.focus\:outline-none.h-11.md\:h-12.px-5.bg-heading.text-white.py-2.transform-none.normal-case.hover\:text-white.hover\:bg-gray-600.hover\:shadow-cart {
    background-color: #280a18 !important;}
.pt-8.text-center.xl\:pt-14 {padding-bottom: 30px;}
@media (max-width: 768px) {
    .ab-footer-brand-col, .ab-footer-nav-col {text-align: center;}