/* ==========================================================================
   brand-tile.css — بطاقة العلامة التجارية (Brand tile)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   تسوّق حسب العلامة + شريط العلامات في الرئيسية
   WC-NOTE: أرشيف سمة pa_brand أو إضافة Brands
   ========================================================================== */

.brand-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-24);
  background-color: var(--color-surface);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-md);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.brand-tile:hover {
  box-shadow: var(--shadow-card-hover);
  transform: translateY(calc(-1 * var(--space-4)));
}
.brand-tile__logo {
  max-height: var(--space-40);
  max-width: 100%;
  width: auto;
  object-fit: contain;
}

/* حجم أكبر — صفحة "تسوّق حسب العلامة التجارية" (Figma node 436:34163) */
.brand-tile--lg {
  padding: var(--space-32) var(--space-28);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card-soft);
}
.brand-tile--lg:hover {
  box-shadow: var(--shadow-card-hover);
  transform: translateY(calc(-1 * var(--space-4)));
}
.brand-tile--lg .brand-tile__logo {
  max-height: var(--space-48);
}