/* Featured Brands Section Styles */
.brands-section {
    padding: 4rem 0;
    border-top: 1px solid #f0f0f0;
}

.brands-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.section-header { text-align: center; margin-bottom: 2rem; }
.section-title { font-size: 2.2rem; font-weight: 700; color: #333; }

.brands-slider { position: relative; overflow: hidden; }
.brands-grid { display: flex; gap: 2rem; transition: transform .5s ease; }

.brand-card {
    flex: 0 0 calc(25% - 1.5rem);
    min-width: 200px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease;
}
.brand-card:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0,0,0,.12); }

.brand-image { height: 200px; display: grid; place-items: center; background: #fafafa; }
.brand-image img { max-width: 80%; max-height: 80%; object-fit: contain; }

.brand-info { padding: 1rem; text-align: center; }
.brand-name { margin: 0; font-size: 1.05rem; font-weight: 700; color: #2c3e50; }
.brand-name .fa-check-circle { color:#1da1f2; margin-inline-start:.35rem; }

.slider-nav { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 2rem; }
.nav-btn { width: 48px; height: 48px; border-radius: 50%; border: none; background:#333; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .3s ease; }
.nav-btn:hover { background:#555; transform: scale(1.08); }
.slider-indicators { display:flex; gap:.5rem; }
.slider-indicator { width:12px; height:12px; border-radius:50%; background:#ddd; transition:all .3s ease; cursor:pointer; }
.slider-indicator.active { background:#333; transform: scale(1.2); }

/* Tablet */
@media (max-width: 1024px) {
  .brand-card { flex: 0 0 calc(33.333% - 1.33rem); }
}

/* Mobile */
@media (max-width: 768px) {
  .brands-container { padding: 0 1rem; }
  .brands-grid { gap: 0; }
  .brand-card { flex: 0 0 100%; min-width: 100%; display: none; }
  .brand-card:first-child { display: block; }
  .brand-image { height: 220px; }
  .nav-btn { width: 40px; height: 40px; font-size: 1rem; }
}

/* RTL handling: keep slider mechanics LTR, text RTL */
[dir="rtl"] .brands-grid { direction: ltr; }
[dir="rtl"] .brand-info { direction: rtl; }
[dir="rtl"] .nav-btn.prev-btn i:before { content: "\f054"; }
[dir="rtl"] .nav-btn.next-btn i:before { content: "\f053"; }