:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
@supports (-webkit-touch-callout: none) { html { scroll-behavior: auto; } }
body.parcel-page {
  min-height: 100vh;
  min-height: 100svh;
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 90% 3%, rgba(240,161,31,.16), transparent 23rem),
    radial-gradient(circle at 6% 14%, rgba(54,162,235,.10), transparent 28rem),
    #07111f;
}
.parcel-page-shell { width:min(1240px, calc(100% - 28px)); margin:0 auto; }
.parcel-page-topbar {
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding: max(18px, calc(env(safe-area-inset-top, 0px) + 10px)) 0 18px;
}
.parcel-page-brand { display:flex; align-items:center; gap:12px; color:#fff; text-decoration:none; }
.parcel-page-brand img { width:52px; height:52px; border-radius:14px; object-fit:cover; }
.parcel-page-brand strong { display:block; font-size:1.15rem; letter-spacing:.04em; }
.parcel-page-brand span { display:block; margin-top:2px; color:#b9c8dc; font-size:.78rem; }
.parcel-page-back {
  display:inline-flex; align-items:center; min-height:42px; padding:0 14px;
  border:1px solid rgba(255,255,255,.15); border-radius:12px;
  color:#fff; text-decoration:none; font-weight:850; background:rgba(255,255,255,.06);
}
.parcel-page-back:hover { border-color:rgba(240,161,31,.55); background:rgba(240,161,31,.10); }
.parcel-page-intro { padding:18px 0 22px; color:#fff; }
.parcel-page-intro .eyebrow { color:#f4b33f; font-weight:900; letter-spacing:.09em; text-transform:uppercase; font-size:.78rem; }
.parcel-page-intro h1 { max-width:840px; margin:8px 0 10px; font-size:clamp(2rem,5vw,3.6rem); line-height:1.04; }
.parcel-page-intro p { max-width:820px; margin:0; color:#b9c8dc; font-size:1.02rem; line-height:1.7; }
.parcel-page-trust { display:flex; flex-wrap:wrap; gap:9px; margin-top:16px; }
.parcel-page-trust span { padding:8px 11px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#dce6f4; background:rgba(255,255,255,.05); font-size:.78rem; font-weight:800; }
.parcel-page .parcel-modal {
  position:static; inset:auto; z-index:auto; display:flex; padding:8px 0 calc(34px + env(safe-area-inset-bottom, 0px));
}
.parcel-page .parcel-modal-backdrop { display:none; }
.parcel-page .parcel-modal-dialog {
  width:100%; max-height:none; overflow:visible;
  border-color:rgba(255,255,255,.12);
}
.parcel-page .parcel-modal-body { overflow:visible; }
.parcel-page .parcel-modal-header { position:sticky; top: calc(env(safe-area-inset-top, 0px) + 8px); z-index:900; }
.parcel-page-footer { padding:10px 0 34px; color:#91a3ba; text-align:center; font-size:.78rem; }
@media (max-width:700px) {
  .parcel-page-topbar { align-items:flex-start; }
  .parcel-page-brand span { display:none; }
  .parcel-page-back { font-size:.78rem; padding:0 10px; }
  .parcel-page .parcel-modal-header { position:sticky; top: calc(env(safe-area-inset-top, 0px) + 6px); }
  .parcel-page .parcel-modal-actions { position: sticky; top: calc(env(safe-area-inset-top, 0px) + 6px); z-index: 901; }
}

/* Keep MAPEXA identity visible on the standalone parcel page. */
.parcel-page-topbar {
  position: sticky;
  top: 0;
  z-index: 1200;
  width: min(1240px, calc(100% - 28px));
  padding-left: 14px;
  padding-right: 14px;
  border-bottom: 1px solid rgba(255,181,58,.14);
  border-radius: 0 0 18px 18px;
  background: rgba(7,17,31,.88);
  backdrop-filter: blur(22px) saturate(1.12);
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
}
.parcel-page-brand img { box-shadow: 0 10px 24px rgba(0,0,0,.22), 0 0 0 1px rgba(255,181,58,.12); }