/* Bashaier Hyper Market: PROVISIONAL identity (wordmark + palette), pending the real logo. */
@font-face{font-family:"BshPlex";src:url("../fonts/IBMPlexSansArabic-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"BshPlex";src:url("../fonts/IBMPlexSansArabic-Medium.woff2") format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"BshPlex";src:url("../fonts/IBMPlexSansArabic-Bold.woff2") format("woff2");font-weight:700 800;font-display:swap}
@font-face{font-family:"BshDisp";src:url("../fonts/Tajawal-ExtraBold.woff2") format("woff2");font-weight:800 900;font-display:swap}
:root{
  --bg:#fff9f3;--surface:#fff;--surface-2:#f6f1ea;--ink:#18222c;--ink-2:#414d58;--muted:#6f7a84;--line:#eadfd3;--line-2:#f3ebe1;
  --primary:#e5402a;--primary-2:#c93220;--primary-ink:#fff;--primary-soft:#ffe9e3;
  --accent:#ffb81c;--accent-ink:#2a1c00;--sun:#ffb81c;--leaf:#1d8a52;--ok:#1d8a52;--ok-soft:#e1f4ea;
  --font:"BshPlex",system-ui,sans-serif;--disp:"BshDisp","BshPlex",sans-serif;
  --r:18px;
}
body{background:var(--bg)}
.disp{font-family:var(--disp);font-weight:800}

/* offer bars (dismissible countdown) */
.bars{position:relative;z-index:50}
.obar{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:12px;min-height:40px;padding:6px var(--gut);color:#fff;font-weight:600;font-size:14px;background:linear-gradient(90deg,#e5402a,#f05a2a);overflow:hidden;
  max-height:80px;transition:max-height .5s var(--ease),opacity .4s var(--ease),padding .5s var(--ease)}
.obar.two{background:linear-gradient(90deg,#18222c,#2b3945)}
.obar.gone{max-height:0;opacity:0;padding-block:0}
.obar .ic{width:18px;height:18px;color:var(--sun)}
.obar b{font-weight:800}
.obar .t{display:flex;align-items:center;gap:8px;min-width:0}
.obar .t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.obar .cdw{display:flex;align-items:center;gap:8px;font-size:13px;opacity:.95}
.obar .cd{background:rgba(0,0,0,.26);padding:3px 10px;border-radius:8px;font-size:14px;color:#fff;min-width:78px;text-align:center}
.obar .cd.urgent{color:#ffd0c8}
.obar .go{font-weight:800;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.obar .x{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;opacity:.8;transition:background .2s,opacity .2s}
.obar .x:hover{background:rgba(255,255,255,.18);opacity:1}
.obar.ended{opacity:.0;max-height:0;padding-block:0}
@media (max-width:719px){
  .obar{grid-template-columns:1fr auto auto;gap:8px;padding:5px 10px 5px 12px;padding-inline:14px 8px;min-height:38px;font-size:13px}
  .obar>.ic,.obar .go,.obar .cdw .lbl2{display:none}
  .obar .cd{font-size:13px;padding:2px 8px;min-width:68px}
}


/* Bashaier-only brand pieces */
.footer .logo .wm b{color:#fff}

/* The real logo (21 Oct, from the Facebook page): a square lockup with the name, so no typed wordmark beside it. */
.logo .brand-logo{height:56px;width:auto;display:block}
.ck-top .brand-logo{height:48px}
.st-top .brand-logo{height:44px}
.footer .brand-logo{height:96px;background:#fff;border-radius:18px;padding:6px}