/* ── الهاتف: الفلاتر تصبح لوحة منزلقة كما في التطبيق ── */
@media(max-width:900px){
  .offers-layout{grid-template-columns:1fr!important;gap:0!important}
  #filters{position:fixed!important;inset:0;z-index:80;margin:0;border-radius:0;
    max-height:100dvh;overflow-y:auto;transform:translateY(100%);
    transition:transform .35s var(--ease);visibility:hidden}
  #filters.open{transform:none;visibility:visible}
  .fsheet-head{position:sticky;inset-block-start:0;background:#fff;z-index:2}
  .fclose{display:inline-flex!important}
  .fbar{display:flex!important}
}
.fclose{display:none;align-items:center;justify-content:center;width:34px;height:34px;
  border:0;background:rgba(15,23,42,.06);border-radius:50%;cursor:pointer;font-size:1.1rem}
/* شريط سفلي ثابت لفتح الفلاتر — نفس نمط التطبيق */
.fbar{display:none;position:fixed;inset-inline:0;inset-block-end:0;z-index:70;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.92);backdrop-filter:blur(16px);
  box-shadow:0 -4px 20px rgba(0,0,0,.09)}
.fbar button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  border:0;border-radius:16px;background:var(--green);color:#fff;cursor:pointer;
  font-family:Tajawal,sans-serif;font-size:1rem;font-weight:800;padding:15px}