/* Dubai pages on the ivory theme (18 Oct 2026). Text that was tuned for black gets dark; the 3D night panels
   (falcon, Burj, voice-note demo) stay dark on purpose. Loaded after dubai-v3.css + theme-ivory-v2.css. */
.dhero__glow { opacity: .45; }
.dhero__lead { color: #5a5150; }
.dhero__price { color: var(--red-text); background: rgba(209, 47, 61, .08); box-shadow: inset 0 0 0 1px rgba(209, 47, 61, .3); }
.dw__card { background: #fff; box-shadow: inset 0 0 0 1px var(--line), var(--soft-shadow); }
.dprice__card { background: linear-gradient(160deg, rgba(209, 47, 61, .08), #fff 55%); box-shadow: inset 0 0 0 1px var(--line), var(--soft-shadow); }
.dprice__excl li { color: #3a3230; }
.dsign__label { color: var(--ink); }
.dsign__input, .dsign__box .dsign__input { background: #fff; color: var(--ink); }
.dsign__box .dsign__input::placeholder { color: #9a908d; }
.dvn__tab { background: #fff; color: var(--ink); }
.dvn__tab[aria-selected="true"] { color: #fff; }
.drs-pack { background: #fff; box-shadow: inset 0 0 0 1px var(--line), var(--soft-shadow); }
.drs-pack--hot { background: linear-gradient(160deg, rgba(209, 47, 61, .09), #fff 60%); box-shadow: inset 0 0 0 1px rgba(209, 47, 61, .4), var(--soft-shadow); }
.drs-pack__price { color: var(--ink); }
.dfaq details { background: #fff; }
/* the falcon used "lighten" to drop its black into the old black page; on ivory that erased it.
   Give it its own night panel instead. */
.dfal-wrap { mix-blend-mode: normal; }
.dfal { background: #030202; border-radius: 24px; box-shadow: 0 30px 60px -30px rgba(26, 22, 21, .55); -webkit-mask-image: none; mask-image: none; overflow: hidden; }
.dfal__hint { color: #f2ece9; }
@media (min-width: 900px) { .dhero > .dhero__3d { width: 45%; inset-inline-end: 1%; } .dhero > :not(.dhero__glow):not(.dhero__3d) { max-width: 50%; } }
/* 18 Oct (v4): no black box. Same idea as the homepage shop: the falcon lives inside a rounded
   browser window ("your website"), and the clip's black drops into a night-sky gradient via
   lighten on the whole scaled world (children can't blend past the world's own stacking context). */
.dfal { background: radial-gradient(120% 75% at 50% 105%, #3b1219 0%, #1d0c10 42%, #0e0809 72%), #0e0809;
  border-radius: 22px; box-shadow: 0 0 0 1px rgba(26, 22, 21, .12), 0 34px 70px -34px rgba(60, 20, 26, .55); }
.dfal__world { background: transparent; isolation: auto; mix-blend-mode: lighten; }
.dfal::before { content: ""; position: absolute; z-index: 3; left: 0; right: 0; top: 0; height: 36px; pointer-events: none;
  background: radial-gradient(circle at 20px 50%, #ff5f57 5px, transparent 5.6px), radial-gradient(circle at 38px 50%, #febc2e 5px, transparent 5.6px),
    radial-gradient(circle at 56px 50%, #28c840 5px, transparent 5.6px), linear-gradient(#2b2223, #221b1c);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .06); }
.dfal::after { content: attr(data-url); position: absolute; z-index: 3; top: 8px; left: 50%; transform: translateX(-50%); max-width: 58%; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; height: 20px; padding: 0 14px; border-radius: 999px; background: rgba(255, 255, 255, .08);
  color: #cfc2be; font: 500 11.5px/20px var(--body); pointer-events: none; direction: ltr; }
.dhero .dhero__3d .dfal-wrap .dfal__hint { top: 48px; z-index: 4; }  /* the hint lives inside .dfal: start just below its browser bar */
.dsign__label { justify-self: center; display: inline-flex; align-items: center; gap: 6px; padding: 8px 15px 8px 12px; border-radius: 999px;
  background: #fde8ea; color: var(--red-text, #a3202e); box-shadow: inset 0 0 0 1.5px rgba(209, 47, 61, .35); font: 600 15px/1.2 var(--body); }
.dsign__label::before { content: "\270F\FE0F"; color: inherit; }
/* 18 Oct (v5, light): the falcon clips are re-cut onto WHITE (lab-src/falcon-light/make_light.py), so the
   window is a light browser preview and the world multiplies: white vanishes, the falcon and billboard stay. */
.dfal { background: #fff; box-shadow: 0 0 0 1px rgba(26, 22, 21, .1), 0 30px 60px -34px rgba(60, 30, 26, .35); }
.dfal__world { background: transparent; isolation: auto; mix-blend-mode: multiply; }
.dfal::before { background: radial-gradient(circle at 20px 50%, #ff5f57 5px, transparent 5.6px), radial-gradient(circle at 38px 50%, #febc2e 5px, transparent 5.6px),
    radial-gradient(circle at 56px 50%, #28c840 5px, transparent 5.6px), linear-gradient(#f4efe9, #ece6df); box-shadow: inset 0 -1px 0 rgba(26, 22, 21, .08); }
.dfal::after { background: #fff; color: #6b605d; box-shadow: inset 0 0 0 1px rgba(26, 22, 21, .1); }
/* the light window leaves room under the billboard: the hint sits there so it never covers the falcon's head */
.dhero .dhero__3d .dfal-wrap .dfal__hint { top: auto; bottom: 14px; }