/* آيس بي — بطاقة المنتج الأفقية + صفحة الفروع (CSS عادي، لا يحتاج إعادة بناء Tailwind) */

/* ───────── بطاقة المنتج الأفقية ───────── */
.pc { display:flex; align-items:center; gap:14px; padding:12px; border-radius:20px; background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.08); cursor:pointer; transition:transform .15s; border:1px solid rgba(206,198,171,.35); }
.pc:active { transform:scale(.99); }
.pc:focus-visible { outline:2px solid #bf002e; outline-offset:2px; }
.pc-img { position:relative; flex:0 0 auto; width:112px; height:112px; border-radius:50%; overflow:hidden;
  background:#f0eded; box-shadow:0 3px 10px rgba(0,0,0,.18); border:3px solid #fff; }
.pc-img img.ph { width:100%; height:100%; object-fit:cover; display:block; }
.pc-img .nophoto { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.pc-img .nophoto img { width:56%; height:auto; opacity:.4; }
.pc-off { position:absolute; bottom:4px; left:50%; transform:translateX(-50%); white-space:nowrap; padding:1px 9px; border-radius:999px;
  background:#bf002e; color:#fff; font-size:11px; font-weight:800; box-shadow:0 1px 4px rgba(0,0,0,.3); }
.pc-body { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; align-items:stretch; gap:3px; }
.pc-name { font-size:17px; font-weight:800; line-height:1.3; color:#1b1b1c; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pc-desc { font-size:12.5px; line-height:1.55; color:#4c4732; margin:0; min-height:3.1em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pc-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 8px; margin-top:2px; }
.pc-price b { font-size:15px; font-weight:800; color:#bf002e; }
.pc-price s { font-size:12px; color:#7d7760; }
.pc-btn { align-self:flex-end; margin-top:4px; padding:5px 18px; border-radius:999px; background:#bf002e; color:#fff;
  font-size:12.5px; font-weight:800; box-shadow:0 2px 6px rgba(191,0,46,.35); }

/* ───────── صفحة الفروع ───────── */
.br-title { font-size:22px; font-weight:800; color:#1b1b1c; margin:0 0 10px; }
.br-map-wrap { position:relative; border-radius:20px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.1);
  border:1px solid rgba(206,198,171,.5); background:#e9e4d4; isolation:isolate; }
#br-map { width:100%; height:290px; direction:ltr; background:#ebe6d6; }
.leaflet-container { font-family:inherit; }
.br-card { display:flex; align-items:center; gap:12px; padding:10px; border-radius:18px; background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.08); border:1px solid rgba(206,198,171,.35); scroll-margin-top:110px; transition:box-shadow .25s, border-color .25s; }
.br-card.hl { border-color:#bf002e; box-shadow:0 0 0 3px rgba(191,0,46,.18), 0 2px 10px rgba(0,0,0,.08); }
.br-photo { flex:0 0 auto; width:104px; height:92px; border-radius:14px; overflow:hidden; background:#f0eded; display:flex; align-items:center; justify-content:center; }
.br-photo img.ph { width:100%; height:100%; object-fit:cover; display:block; }
.br-photo .nophoto img { width:60px; height:auto; opacity:.4; }
.br-info { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; }
.br-name { font-size:17px; font-weight:800; line-height:1.3; margin:0; color:#1b1b1c; }
.br-addr { font-size:12.5px; line-height:1.5; margin:0; color:#4c4732; }
.br-link { display:inline-flex; align-items:center; gap:4px; align-self:flex-start; margin-top:2px; font-size:13px; font-weight:700; color:#1b1b1c; text-decoration:none; }
.br-link svg { width:20px; height:20px; fill:#bf002e; flex:0 0 auto; }
.br-call { flex:0 0 auto; width:44px; height:44px; border-radius:50%; background:#bf002e; color:#fff; display:flex; align-items:center; justify-content:center;
  box-shadow:0 2px 8px rgba(191,0,46,.4); transition:transform .15s; }
.br-call:active { transform:scale(.9); }
.br-call svg { width:22px; height:22px; fill:currentColor; }

/* دبوس الخريطة (Leaflet divIcon): الدبوس مثبّت بقمّته على الإحداثية، والاسم بجانبه */
.ib-pin { position:relative; width:0; height:0; }
.ib-pin .pin { position:absolute; left:-17px; top:-44px; width:34px; height:44px; filter:drop-shadow(0 2px 3px rgba(0,0,0,.35)); }
.ib-pin .lbl { position:absolute; left:20px; top:-34px; white-space:nowrap; direction:rtl; font-size:12px; font-weight:800; color:#1b1b1c;
  background:rgba(255,255,255,.92); padding:1px 7px; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,.25); font-family:'Cairo Variable','Cairo',system-ui,sans-serif; }
.ib-pin.sel .pin { transform:scale(1.15); transform-origin:50% 100%; }
.leaflet-div-icon.ib-pin-host { background:none; border:none; }
.br-nomap { text-align:center; color:#7d7760; font-size:13px; padding:26px 12px; }

/* ───────── الشاشة الافتتاحية: الشعار في الأعلى فوق صورة المتجر ───────── */
#splash { --lw:min(44vw,190px,18vh); background:#010109; justify-content:center; gap:4px;
  padding:calc(env(safe-area-inset-top,0px) + 2vh) 0 4vh; }
#splash img { order:1; width:var(--lw); max-height:none; }
#splash::before { content:''; order:2; width:100%; aspect-ratio:993/1280; max-height:calc(100vh - var(--lw) - 8vh);
  background:url('../img/pattern.jpg') center / contain no-repeat; }
#splash .splash-bar { position:absolute; left:50%; margin-left:-60px; bottom:calc(env(safe-area-inset-bottom,0px) + 3vh); background:rgba(255,255,255,.28); }