@import url('/assets/css/taquad-exact.css');
@import url('/assets/css/polish.css');
@import url('/assets/css/polish-fixes.css');
@import url('/assets/css/rcd-hero-slider.css');
@import url('/assets/css/deep-green.css');
@import url('/assets/css/rcd-slider-fill-fix.css');
@import url('/assets/css/home-ambient-motion.css');
@import url('/assets/css/hero-trust-taquad.css');
@import url('/assets/css/home-parity-v3.css');
@import url('/assets/css/home-readability-v4.css');
@import url('/assets/css/tajeir-brand.css');

/* Final cross-page parity corrections that must win after page-specific CSS. */
.home-smart__panel { direction: ltr; }
.home-smart__art,
.home-smart__content { direction: rtl; }
.home-final-cta__visual {
  min-height: 286px;
  overflow: hidden;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(12,12,12,.02), rgba(12,12,12,.36)),
    url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=84') center/cover;
}
.home-final-cta__mini {
  align-self: end;
  margin: 0 18px 18px;
  background: rgba(255,250,240,.92);
  border: 1px solid #dfd0b3;
  color: var(--text);
  backdrop-filter: blur(10px);
}

@media (max-width: 1100px) {
  :root {
    --container: min(100% - 40px, 960px);
    --container-wide: min(100% - 28px, 1040px);
  }
  .market-layout { grid-template-columns: 250px minmax(0, 1fr); gap: 22px; }
  .business-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
  :root {
    --container: calc(100% - 32px);
    --container-wide: calc(100% - 20px);
    --section-py: 78px;
  }
  .market-layout { grid-template-columns: 1fr; }
  .filter-panel { position: static; }
  .detail-grid,
  .auth-layout,
  .account-layout,
  .form-layout { grid-template-columns: 1fr; }
  .home-smart__panel { direction: rtl; }
}

@media (max-width: 640px) {
  :root {
    --container: calc(100% - 28px);
    --container-wide: calc(100% - 16px);
    --header-height: 64px;
  }
  body { font-size: 15px; }
  .button { width: 100%; }
  .nav-actions .button { width: auto; }
  .page-hero__inner > .button { width: auto; }
  .business-grid { grid-template-columns: 1fr; }
  .results-toolbar,
  .results-toolbar__search { grid-template-columns: 1fr; display: grid; }
  .section--tight { padding-block: 56px; }
  .home-final-cta__visual { min-height: 230px; }
}