/* pos_supermarket.css — صفحة السوبرماركت */

:root { --nx-gap: 22px; }

.section-pad{ padding: 64px 0; }
.pos-hero__badge.nx-badge{
  display:inline-block; font-weight:700; padding:.4rem .8rem; border-radius:999px;
  background:var(--bs-primary-bg-subtle, #eef2ff); color:var(--bs-primary, #0d6efd);
  border:1px solid rgba(13,110,253,.15);
}

.pos-hero__title{ font-weight:800; font-size: clamp(1.75rem, 3.5vw, 2.25rem); line-height:1.2; }
.pos-hero__sub{ font-size:1.05rem; color: var(--bs-secondary-color, #6c757d); }

.pos-hero__device img{
  width:100%; max-width:520px; border-radius:24px; box-shadow:0 24px 60px rgba(0,0,0,.18);
}

.pos-subnav{
  position:sticky; top:0; z-index:10; background:var(--bs-body-bg);
  display:flex; gap:10px; padding:10px 0; border-bottom:1px solid var(--bs-border-color);
  margin-bottom:10px;
}
.pos-subnav a{
  text-decoration:none; padding:.45rem .9rem; border-radius:999px; font-weight:600;
  border:1px solid var(--bs-border-color); color:var(--bs-body-color);
}
.pos-subnav a:hover{ background: var(--bs-light-bg-subtle, rgba(0,0,0,.04)); }

.pos-head{ margin-bottom:22px; }
.pos-title{ font-weight:800; margin:0; }
.pos-lead{ margin:8px 0 0; color: var(--bs-secondary-color); }

.pos-grid{
  display:grid; gap: var(--nx-gap);
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  margin-top:18px;
}
.pos-card{
  background: var(--bs-body-bg); border:1px solid var(--bs-border-color);
  border-radius:16px; padding:16px; box-shadow:0 12px 26px rgba(0,0,0,.08);
}
.pos-card h3{ font-size:1.05rem; font-weight:800; margin:0 0 8px; }
.pos-card p{ margin:0; color: var(--bs-secondary-color); }

/* reveal animation */
.reveal{ opacity:0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
.reveal.up.in-view{ opacity:1; transform: translateY(0); }
.reveal.in-view{ opacity:1; transform:none; }

/* pulse helper */
.float-pulse{ animation: floatPulse 2.6s ease-in-out infinite; }
@keyframes floatPulse{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-4px); }
}

/* RTL/LTR ضبط الاتجاه */
:root[dir="rtl"] .pos-subnav{ direction: rtl; }
:root[dir="ltr"] .pos-subnav{ direction: ltr; }