/* العروض — cards, hall strip, card ribbon, bell. */
.of-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:16px 0}
.of-row{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.of-row::-webkit-scrollbar{display:none}
.of-row .of{flex:0 0 min(300px,86%)}
.of{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg,20px);overflow:hidden;display:flex;flex-direction:column}
.of-ph{position:relative;display:block;height:132px;background:linear-gradient(135deg,#C9A24A,#5b4630) center/cover}
.of-ph.sm{height:auto;min-height:0;background:none;padding:14px 14px 0}
.of-ph.sm .of-tag{position:static;display:inline-flex}
.of-tag{position:absolute;top:12px;right:12px;min-width:64px;padding:8px 10px;border-radius:14px;background:var(--ink-gold,#17140F);color:#E8CF8A;font-weight:800;font-size:20px;line-height:1.05;display:flex;flex-direction:column;align-items:center;font-family:var(--f-head)}
.of-tag small{font-size:11.5px;color:#fff;font-weight:600;font-family:var(--f-body)}
.of-gift{background:#3F5E2E}.of-package{background:#5b4630}
.of-pl{position:absolute;bottom:10px;left:10px;background:var(--gold);color:var(--ink-gold,#17140F);font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:20px}
.of-bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.of-bd>b{font-size:15.5px;line-height:1.45}
.of-terms{margin:2px 0;font-size:13px;color:var(--muted)}
.of-cd{font-size:13px;color:var(--muted);margin-top:4px}
.of-cd span{display:inline-block;min-width:24px;text-align:center;background:var(--s2);color:var(--text);border-radius:6px;padding:0 5px;font-weight:800}
.of-cd em{font-style:normal}
.of-cd.soon{color:#9a4a12}.of-cd.soon span{background:#FBE7D6;color:#7a3a0e}
.of-ft{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-size:13px;color:var(--muted)}
.of-ft a{font-weight:700}
.of-hall{scroll-margin-top:80px}
.of-hall .of{border-color:var(--gold);background:linear-gradient(180deg,rgba(201,162,74,.10),transparent 70%),var(--surface)}
.of-bell{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 4px;padding:12px 16px;border:1.5px dashed var(--gold);border-radius:16px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;text-align:right}
.of-bell small{color:var(--muted);flex:none}
.of-bell.on{border-style:solid;background:rgba(201,162,74,.12)}
.of-govs,.of-ftl{margin:10px 0}
.of-ftl .chip{padding:6px 14px}
.offers-pg .empty{padding:24px;text-align:center;margin:16px 0}
@media (min-width:900px){:root:not([data-theme=light]) .of-cd.soon{color:#F0B489}:root:not([data-theme=light]) .of-cd.soon span{background:#3a2414;color:#F0B489}}
:root[data-theme=dark] .of-cd.soon{color:#F0B489}:root[data-theme=dark] .of-cd.soon span{background:#3a2414;color:#F0B489}
@media print{.of-bell{display:none}}