سبيكر | Ritaj.me

/* LAYER A — remove the submit control. INSURANCE: it disables nothing today on either surface, because neither form can be submitted with JS off anyway. It exists for the day one of the two accidents in the header disappears. No :has() required, so it survives on any browser. */ form button[type="submit"], form input[type="submit"] { display: none !important; } /* LAYER B — take the fields away too. INSURANCE, and also the one visible improvement on /lph/ today: without it a buyer there types six fields into a form that silently cannot submit — measured, 6 of 6 fields visible and a live 747x57 button, while the browser refuses because 'city' can never be given a value. 🔴 THIS RULE WAS MISSING FROM THE FIRST VERSION OF THIS FILE and nothing caught it, because on the React storefront its effect is indistinguishable from the collapse that already hides everything — "0 of 6 visible" was true with or without it. Only /lph/, where the form really renders, showed the gap. A rule whose only test surface masks it is a rule that is never actually tested. */ form:has(input[name="customer_name"]) > * { display: none !important; } /* LAYER C — THE ACTUAL CHANGE. Say why, somewhere that has layout no matter what collapsed. Fixed, so no ancestor's height can hide it. */ .li-nojs-order-notice { position: fixed; inset-inline: 12px; bottom: 12px; z-index: 2147483647; display: block; box-sizing: border-box; padding: 14px 16px; border-radius: 12px; direction: rtl; text-align: center; line-height: 1.9; font-size: 14px; font-weight: 600; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; /* Literal colours: this renders with no design-token cascade and no theme context to inherit from. */ color: #7a4a00; background: #fff8e6; border: 1px solid #f0c674; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12); } /* 🔴 The text is HERE, not in the markup — see the header. */ .li-nojs-order-notice::after { content: "لإتمام الطلب، فعِّل JavaScript في المتصفح ثم أعد تحميل الصفحة\A To place an order, enable JavaScript and reload"; white-space: pre-line; }

سبيكر | Ritaj.me