/* مساحة تحت للـ bottom nav فالموبايل */
@media (max-width: 991.98px){
  body { padding-bottom: 80px; }
  /* ملي كيظهر mobile-cart-bar زد المسافة */
  body.cartbar-open { padding-bottom: 120px; }

  /* (اختياري) دعم الحافة السفلية فآيفون */
  body { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
  body.cartbar-open { padding-bottom: calc(120px + env(safe-area-inset-bottom)); }
}


/* Bottom Nav (موبايل) */
.bottom-nav {
  position: fixed; inset-inline: 0; bottom: 0;
  background: #fff; border-top: 1px solid #ddd;
  z-index: 1040; /* فوق المحتوى وتحت المودالات */
}
.bottom-nav a.nav-item {
  display: flex; flex-direction: column; align-items: center;
  padding: .35rem .5rem; font-size: 12px; color: #888; text-decoration: none;
}
.bottom-nav .icon { font-size: 30px; margin-bottom: 4px; }
.bottom-nav .nav-item.active { color: #00A86B; }

/* Hero */
.hero-banner{ position:relative; border-radius:18px; overflow:hidden; min-height:220px; margin:16px 0 24px; }
.hero-banner img{ width:100%; height:100%; display:block; object-fit:cover; filter:saturate(1.05); }
.hero-banner::after{ content:""; position:absolute; inset:0;
  background: linear-gradient(to left, rgba(0,0,0,.55) 0%, rgba(0,0,0,.18) 45%, rgba(0,0,0,0) 70%); }
.hero-content{ position:absolute; inset-block-start: clamp(16px,3vw,32px); inset-inline-start: clamp(16px,3vw,32px);
  color:#fff; max-width:min(520px,65%); text-shadow:0 2px 8px rgba(0,0,0,.25); }
.hero-content h2{ font-weight:800; line-height:1.1; font-size:clamp(22px,4.6vw,44px); margin:0 0 .5rem; }
.hero-content p{ margin:0 0 1rem; font-size:clamp(14px,2.4vw,18px); opacity:.95; }
.hero-cta{ display:inline-block; background:#fecb56; color:#422100; border:none; border-radius:999px;
  padding:.6rem 1.1rem; font-weight:700; text-decoration:none; box-shadow:0 6px 14px rgba(0,0,0,.15); }
.hero-cta:hover{ transform: translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,.18); }

/* Search (نستعمل input-group ديال Bootstrap) يظهر غير فالموبايل */
@media (min-width: 992px){ .search-wrap { display:none !important; } }