/*
 * DaxNaija shared shell: header, account menu, mobile app bar, bottom tab bar and footer.
 * Rendered by includes/site_shell.php and injected on every page by includes/theme.php.
 * Colours follow the admin global theme (--site-*). Mirrors the DaxNaija mobile app.
 */
:root{
  --dx-primary:var(--site-primary,#00a83b);
  --dx-primary-dark:var(--site-primary-dark,#008d32);
  --dx-primary-soft:var(--site-primary-soft,#eaf8ef);
  --dx-accent:var(--site-accent,#ff9f43);
  --dx-bg:var(--site-page,#f3f6f8);
  --dx-card:#fff;
  --dx-ink:#16202a;
  --dx-muted:#6b7683;
  --dx-line:#e3e8ec;
  --dx-line-soft:#eef1f3;
  --dx-danger:#d92d20;
  --dx-radius:16px;
  --dx-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px rgba(16,24,40,.07);
  --dx-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --dxh-h:68px;
}
@media(max-width:760px){:root{--dxh-h:56px}}

/* ---------- Header ---------- */
.dxh{position:sticky;top:0;z-index:1500;display:block;width:100%;margin:0;padding:0;padding-top:env(safe-area-inset-top);background:#fff;color:var(--dx-ink);border:0;border-bottom:1px solid var(--dx-line);box-shadow:0 4px 18px rgba(16,24,40,.05);font-family:var(--dx-font);font-size:14px;line-height:1.3;text-align:left}
.dxh *,.dxh-sheet *,.dxf *,.dxm-section,.dxm-section *{box-sizing:border-box}
.dxh a,.dxh-sheet a,.dxf a,a.dxm-row,.dxm-row *{text-decoration:none;color:inherit}
a.dxm-row:hover,a.dxm-row:focus{text-decoration:none}
.dxh .dx-ico,.dxh-sheet .dx-ico,.dxf .dx-ico{display:block;flex:none;width:auto;height:auto;max-width:none}
.dxh-inner{max-width:1280px;margin:0 auto;height:68px;padding:0 20px;display:flex;align-items:center;gap:16px}
.dxh-brand{display:inline-flex;align-items:center;flex:none;line-height:0}
.dxh-brand img{display:block;width:auto;height:40px;max-width:170px;object-fit:contain;object-position:left center;margin:0;border:0;border-radius:0;box-shadow:none;background:none}
.dxh-spacer{flex:1}

.dxh-search{position:relative;flex:1;max-width:560px;min-width:200px;height:44px;margin:0;padding:0 4px 0 12px;display:flex;align-items:center;gap:8px;background:#f4f6f8;border:1.5px solid #e1e6ea;border-radius:12px;transition:border-color .15s,background .15s,box-shadow .15s}
.dxh-search:focus-within{background:#fff;border-color:var(--dx-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--dx-primary) 13%,transparent)}
.dxh-search-icon{color:#8a96a0;display:flex}
.dxh-search input{flex:1;min-width:0;width:auto;height:40px;min-height:0;margin:0;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:none;font:500 14.5px/1 var(--dx-font);color:var(--dx-ink);border-radius:0!important}
.dxh-search input::-webkit-search-cancel-button{opacity:.5}
.dxh-search button{flex:none;height:34px;margin:0;padding:0 16px;border:0;border-radius:9px;background:var(--dx-primary);color:#fff;font:800 13px/1 var(--dx-font);cursor:pointer;box-shadow:none;transform:none}
.dxh-search button:hover{background:var(--dx-primary-dark)}
.dxh-search .search-suggestions{position:absolute;left:-2px;right:-2px;top:calc(100% + 8px);z-index:5000;background:#fff;color:#253039;border:1px solid var(--dx-line);border-radius:14px;box-shadow:0 18px 44px rgba(16,24,40,.16);max-height:420px;overflow:auto}
.dxh-search .search-suggestions[hidden]{display:none}
.dxh-search .search-suggestion{display:flex;align-items:center;gap:11px;width:100%;min-height:52px;padding:9px 13px;border:0;border-bottom:1px solid var(--dx-line-soft);background:#fff;color:#253039;text-align:left;cursor:pointer;font:inherit;box-shadow:none;transform:none}
.dxh-search .search-suggestion:hover,.dxh-search .search-suggestion.is-active{background:var(--dx-primary-soft)}
.dxh-search .search-suggestion-icon{width:34px;height:34px;flex:none;border-radius:9px;background:#f1f4f5;display:grid;place-items:center;overflow:hidden;color:var(--site-primary-text,var(--dx-primary))}
.dxh-search .search-suggestion-icon img{width:100%;height:100%;object-fit:cover}
.dxh-search .search-suggestion-copy{flex:1;min-width:0;display:grid;gap:2px}
.dxh-search .search-suggestion-label{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dxh-search .search-suggestion-meta{font-size:11.5px;color:var(--dx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dxh-search .search-suggestion-type{font-size:9.5px;font-weight:800;letter-spacing:.05em;color:var(--dx-muted)}

.dxh-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex:none}
.dxh-action,.dxh-icon-btn{position:relative;display:inline-flex;align-items:center;gap:7px;height:42px;margin:0;padding:0 11px;border:0;border-radius:11px;background:transparent;color:#34424c;font:700 13.5px/1 var(--dx-font);white-space:nowrap;cursor:pointer;box-shadow:none;transform:none;transition:background .15s,color .15s}
.dxh-icon-btn{width:42px;padding:0;justify-content:center}
.dxh-action:hover,.dxh-icon-btn:hover{background:#f1f5f3;color:var(--dx-ink)}
.dxh-action.is-current,.dxh-icon-btn.is-current{background:var(--dx-primary-soft);color:var(--dx-primary-dark)}
.dxh-register{border:1.5px solid var(--dx-line);margin-left:4px}
.dxh-badge{position:absolute;top:3px;left:24px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--dx-danger);color:#fff;border:2px solid #fff;font:800 10px/14px var(--dx-font);text-align:center}
.dxh-icon-btn .dxh-badge{left:auto;right:2px;top:2px}
.dxh-badge[hidden]{display:none!important}
.dxh-sell{display:inline-flex;align-items:center;gap:6px;height:42px;margin-left:8px;padding:0 18px;border-radius:12px;background:var(--dx-accent);color:#fff!important;font:900 13.5px/1 var(--dx-font);letter-spacing:.04em;box-shadow:0 6px 16px color-mix(in srgb,var(--dx-accent) 34%,transparent);transition:transform .15s,box-shadow .15s,filter .15s}
.dxh-sell:hover{filter:brightness(.96);transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--dx-accent) 40%,transparent)}

.dxh-avatar{position:relative;flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;display:inline-grid;place-items:center;background:var(--dx-primary);color:#fff;font:800 14px/1 var(--dx-font)}
.dxh-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;margin:0;border:0;border-radius:0;max-width:none}
.dxh-avatar-sm{width:32px;height:32px;font-size:13px}
.dxh-avatar-lg{width:48px;height:48px;font-size:19px}
.dxh-account{position:relative;margin-left:4px}
.dxh-account-btn{display:inline-flex;align-items:center;gap:8px;height:44px;margin:0;padding:0 8px 0 5px;border:1.5px solid var(--dx-line);border-radius:999px;background:#fff;color:var(--dx-ink);font:700 13.5px/1 var(--dx-font);cursor:pointer;box-shadow:none;transform:none}
.dxh-account-btn:hover,.dxh-account.is-open .dxh-account-btn{border-color:color-mix(in srgb,var(--dx-primary) 45%,var(--dx-line));background:#fbfdfc}
.dxh-account-name{max-width:110px;overflow:hidden;text-overflow:ellipsis}
.dxh-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:1600;width:340px;display:none;flex-direction:column;max-height:calc(100vh - var(--dxh-h) - 24px);background:#fff;border:1px solid var(--dx-line);border-radius:18px;box-shadow:0 24px 60px rgba(16,24,40,.18);overflow:hidden}
.dxh-account.is-open .dxh-dropdown{display:flex}
.dxh-dropdown-head{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--dx-line-soft)}
.dxh-dropdown-head strong,.dxh-sheet-head strong{display:block;font-size:15px;font-weight:800;color:var(--dx-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dxh-dropdown-head small,.dxh-sheet-head small{display:block;margin-top:3px;font-size:12px;color:var(--dx-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dxh-dropdown-head>span:last-child,.dxh-sheet-head>div{min-width:0;flex:1}
.dxh-dropdown-head:hover strong{color:var(--dx-primary-dark)}
.dxh-dropdown-wallet{display:flex;align-items:center;justify-content:space-between;margin:12px 12px 2px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-primary-dark));color:#fff!important;font-size:12.5px;font-weight:700}
.dxh-dropdown-wallet strong{font-size:16px;font-weight:900}
.dxh-dropdown-scroll{overflow:auto;padding:4px 8px 10px;overscroll-behavior:contain}
.dxh-dropdown .dxm-title{padding:12px 8px 4px}
.dxh-dropdown .dxm-list{background:none;border-radius:0;box-shadow:none;border:0}
.dxh-dropdown .dxm-row{min-height:40px;padding:7px 8px;border:0;border-radius:10px}
.dxh-dropdown .dxm-icon{width:30px;height:30px;border-radius:9px}
.dxh-dropdown .dxm-chevron{display:none}

/* Mobile app bar */
.dxh-mobile{display:none}
@media(max-width:1120px){.dxh-action span:not(.dxh-badge){display:none}.dxh-action{width:42px;padding:0;justify-content:center}.dxh-account-name{display:none}.dxh-register{width:auto!important;padding:0 12px!important}.dxh-register span{display:inline!important}}
@media(max-width:900px){.dxh-search{min-width:150px}.dxh-sell span{display:none}.dxh-sell{padding:0 12px}}
@media(max-width:760px){
  .dxh-desktop{display:none}
  .dxh-mobile{height:56px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 6px 0 4px}
  .dxh-home .dxh-mobile{padding-left:12px}
  .dxh-no-mobile{display:none}
  .dxh-mobile-left{flex:1;min-width:0;display:flex;align-items:center;gap:2px}
  .dxh-mobile-right{display:flex;align-items:center;gap:0;flex:none}
  .dxh-mobile .dxh-brand img{height:34px;max-width:140px}
  .dxh-back{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--dx-ink)}
  .dxh-back:active,.dxh-icon-btn:active{background:#e9eef1}
  .dxh-title{min-width:0;font:800 17px/1.2 var(--dx-font);color:var(--dx-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
  .dxh-title-root{padding-left:10px;font-size:20px;font-weight:900}
  .dxh-mobile .dxh-icon-btn{width:42px;height:42px;border-radius:50%;color:var(--dx-ink)}
  .dxh-mobile .dxh-icon-btn .dxh-badge{right:3px;top:3px}
  .dxh-signin{margin:0 6px 0 4px;padding:9px 14px;border-radius:999px;background:var(--dx-primary-soft);color:var(--dx-primary-dark)!important;font:800 13px/1 var(--dx-font)}
}

/* ---------- Account menu rows (dropdown, sheet, profile hub) ---------- */
.dxm-section{margin:0}
.dxm-title{padding:16px 16px 6px;font:800 11.5px/1 var(--dx-font);letter-spacing:.07em;text-transform:uppercase;color:var(--dx-muted)}
.dxm-list{background:#fff;border-radius:16px;overflow:hidden}
.dxm-logout-form{margin:0;padding:0}
.dxm-row{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:54px;margin:0;padding:10px 14px;border:0;border-top:1px solid var(--dx-line-soft);background:transparent;color:var(--dx-ink);font:600 14.5px/1.25 var(--dx-font);text-align:left;cursor:pointer;box-shadow:none;transform:none;border-radius:0}
.dxm-list>.dxm-row:first-child,.dxm-list>.dxm-logout-form:first-child .dxm-row{border-top:0}
.dxm-row:hover{background:#f6f9f8}
.dxm-row.is-current{background:var(--dx-primary-soft);color:var(--dx-primary-dark)}
.dxm-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--dx-primary-soft);color:var(--dx-primary-dark)}
.dxm-copy{flex:1;min-width:0;display:grid;gap:2px}
.dxm-copy small{font-size:12px;font-weight:500;color:var(--dx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dxm-row .dxh-badge{position:static;border:0;min-width:20px;height:20px;line-height:20px}
.dxm-chevron{color:#a6b0b8;display:flex}
.dxm-logout{color:var(--dx-danger)}
.dxm-logout .dxm-icon{background:#fdecea;color:var(--dx-danger)}

/* ---------- Mobile account sheet ---------- */
.dxh-sheet{position:fixed;inset:0;z-index:7500;display:none;font-family:var(--dx-font)}
.dxh-sheet.is-open{display:block}
.dxh-sheet-backdrop{position:absolute;inset:0;background:rgba(10,18,24,.48);backdrop-filter:blur(2px);animation:dxFade .2s ease}
.dxh-sheet-panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,92vw);display:flex;flex-direction:column;background:var(--dx-bg);box-shadow:-18px 0 50px rgba(0,0,0,.2);animation:dxSlide .24s cubic-bezier(.2,.8,.2,1);padding-top:env(safe-area-inset-top)}
.dxh-sheet-head{display:flex;align-items:center;gap:12px;padding:16px 12px 16px 16px;background:#fff;border-bottom:1px solid var(--dx-line-soft)}
.dxh-sheet-head .dxh-icon-btn{width:42px;height:42px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:#f1f4f5;color:var(--dx-ink);cursor:pointer;padding:0;margin:0}
.dxh-sheet-wallet{display:flex;align-items:center;justify-content:space-between;margin:12px 12px 0;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,var(--dx-primary),var(--dx-primary-dark));color:#fff!important;box-shadow:0 10px 24px color-mix(in srgb,var(--dx-primary) 28%,transparent)}
.dxh-sheet-wallet small{display:block;font-size:12px;font-weight:700;opacity:.85}
.dxh-sheet-wallet strong{display:block;margin-top:3px;font-size:21px;font-weight:900}
.dxh-sheet-fund{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.2);font-size:13px;font-weight:800}
.dxh-sheet-body{flex:1;overflow:auto;padding:4px 12px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.dxh-sheet-body>.dxm-row-hub{margin-top:12px;border-radius:16px;background:#fff}
body.dxh-sheet-open{overflow:hidden}
@keyframes dxFade{from{opacity:0}to{opacity:1}}
@keyframes dxSlide{from{transform:translateX(100%)}to{transform:translateX(0)}}

/* ---------- Footer: Nigerian skyline + Jiji-style link footer ---------- */
.dxf{--dxf-bg:color-mix(in srgb,var(--dx-primary) 84%,#031a0c);--dxf-sky-h:150px;margin:56px 0 0;padding:0;background:transparent;color:#fff;border:0;font-family:var(--dx-font);font-size:14px;line-height:1.5}
.dxf-sky{position:relative;height:var(--dxf-sky-h);overflow:hidden;pointer-events:none;line-height:0}
.dxf-sky>span{position:absolute;inset:0;display:block}
.dxf-sky-back,.dxf-sky-front,.dxf-sky-lights{-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-position:left bottom;mask-position:left bottom}
.dxf-sky-back{background:color-mix(in srgb,var(--dx-primary) 26%,var(--dx-bg));-webkit-mask-image:url(../images/footer-skyline-back.svg);mask-image:url(../images/footer-skyline-back.svg);-webkit-mask-position:left 37% bottom;mask-position:left 37% bottom}
.dxf-sky-front{background:var(--dxf-bg);-webkit-mask-image:url(../images/footer-skyline-front.svg);mask-image:url(../images/footer-skyline-front.svg)}
.dxf-sky-lights{background:#ffe9a8;opacity:.55;-webkit-mask-image:url(../images/footer-skyline-lights.svg);mask-image:url(../images/footer-skyline-lights.svg)}
.dxf-car{left:0!important;right:auto!important;top:auto!important;width:26px;height:9px;border-radius:6px 9px 3px 3px;background:var(--dx-accent);will-change:transform}
.dxf-car::before{content:"";position:absolute;left:6px;top:-5px;width:12px;height:6px;border-radius:5px 5px 0 0;background:inherit}
.dxf-car::after{content:"";position:absolute;left:4px;bottom:-3px;width:5px;height:5px;border-radius:50%;background:#0b1f14;box-shadow:13px 0 0 #0b1f14}
.dxf-car-a{bottom:calc(var(--dxf-sky-h) * .055);animation:dxCar 24s linear infinite}
.dxf-car-b{bottom:calc(var(--dxf-sky-h) * .02);background:#fff;transform:scaleX(-1);animation:dxCarBack 31s linear infinite;animation-delay:-11s}
.dxf-car-c{bottom:calc(var(--dxf-sky-h) * .055);background:#ffd43b;animation:dxCar 38s linear infinite;animation-delay:-20s}
@keyframes dxCar{from{transform:translateX(-60px)}to{transform:translateX(calc(100vw + 60px))}}
@keyframes dxCarBack{from{transform:translateX(calc(100vw + 60px)) scaleX(-1)}to{transform:translateX(-60px) scaleX(-1)}}
.dxf-body{background:var(--dxf-bg)}
.dxf-inner{max-width:1280px;margin:0 auto;padding:30px 20px 30px;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}
.dxf-logo{display:inline-flex;padding:8px 14px;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12);margin-bottom:14px}
.dxf-logo img{display:block;height:34px;width:auto;max-width:160px;margin:0}
.dxf-brand p{margin:0 0 14px;max-width:360px;color:rgba(255,255,255,.82)}
.dxf-safety,.dxf-a2hs{display:flex;gap:9px;align-items:flex-start;max-width:380px;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.9);font-size:12.5px;line-height:1.45}
.dxf-a2hs{margin-top:10px}
.dxf-safety .dx-ico,.dxf-a2hs .dx-ico{color:#ffe9a8;margin-top:1px}
.dxf-stores{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.dxf-store{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 11px;border-radius:12px;background:#0b1a12;color:#fff!important;border:1px solid rgba(255,255,255,.18);font-weight:800;font-size:14px;line-height:1.1}
.dxf-store small{display:block;font-size:10px;font-weight:600;opacity:.75}
.dxf-store:hover{background:#000}
.dxf-col h3{margin:6px 0 12px;font:800 12px/1 var(--dx-font);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.dxf-col a{display:block;padding:5px 0;color:rgba(255,255,255,.78);font-weight:500;transition:color .15s,transform .15s}
.dxf-col a:hover{color:#fff;transform:translateX(2px)}
.dxf-bottom{max-width:1280px;margin:0 auto;padding:16px 20px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.7);font-size:12.5px}
.dxf-legal{display:flex;gap:14px;flex-wrap:wrap}.dxf-legal a{color:rgba(255,255,255,.85);text-decoration:none;font-weight:700}.dxf-legal a:hover{color:#fff;text-decoration:underline}
.dxf-social{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dxf-follow{font-weight:800;font-size:12px;opacity:.85;margin-right:2px}
.dxh-season{display:inline-flex;align-items:center;margin-left:8px;padding:3px 9px;border-radius:999px;background:var(--site-primary-soft,#eaf8ef);color:var(--site-primary-text,#087c31);font-size:11.5px;font-weight:900;white-space:nowrap}
@media(max-width:700px){.dxh-season{font-size:10px;padding:2px 7px;margin-left:5px}}
.dxf-follow-row{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px}.dxf-follow-row .dxf-follow{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;opacity:1}
.dxf-social a.dxf-soc{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);color:#fff!important;transition:transform .15s,background .15s}
.dxf-social a.dxf-soc:hover{transform:translateY(-2px);background:rgba(255,255,255,.24)}
.dxf-soc-facebook:hover{background:#1877f2!important}.dxf-soc-x:hover{background:#000!important}.dxf-soc-instagram:hover{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)!important}.dxf-soc-youtube:hover{background:#ff0000!important}.dxf-soc-linkedin:hover{background:#0a66c2!important}.dxf-soc-tiktok:hover{background:#111!important}.dxf-soc-whatsapp:hover{background:#25d366!important}
@media(max-width:1080px){.dxf-inner{grid-template-columns:repeat(4,1fr)}.dxf-brand{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:4px 24px;align-items:start}.dxf-brand>*{grid-column:2}.dxf-brand .dxf-logo{grid-column:1;grid-row:1/span 4}}
@media(max-width:760px){
  .dxf{display:none;--dxf-sky-h:96px}
  body[data-dax-area=home] .dxf{display:block;margin-top:28px}
  .dxf-inner{grid-template-columns:1fr 1fr;padding:22px 16px 18px;gap:20px 16px}
  .dxf-brand{display:block}
  .dxf-bottom{flex-direction:column;align-items:flex-start;padding:14px 16px calc(96px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.dxf-car{animation:none;display:none!important}}

/* ---------- Jiji-style search panel (assets/js/search-autocomplete.js) ---------- */
.search-suggestions.dxs-box{padding:4px 0 8px;max-height:min(70vh,560px);overflow:auto;background:#fff;color:var(--dx-ink);font-family:var(--dx-font);text-align:left}
.dxs-section{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 6px;font:800 11.5px/1 var(--dx-font);letter-spacing:.07em;text-transform:uppercase;color:var(--dx-muted);background:#f6f8fa;margin-top:4px}
.dxs-section:first-child{margin-top:0}
.dxs-box .dxs-clear{border:0;background:none;height:auto;margin:0;padding:4px 0;border-radius:0;color:var(--site-primary-text,var(--dx-primary));font:900 12px/1 var(--dx-font);letter-spacing:.05em;cursor:pointer;box-shadow:none;transform:none}
.dxs-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 10px 8px 16px;border-bottom:1px solid var(--dx-line-soft);cursor:pointer;font-size:14.5px;color:var(--dx-ink)}
.dxs-row:hover,.dxs-row.is-active{background:var(--dx-primary-soft)}
.dxs-ico{display:flex;color:#5d6b74;flex:none}
.dxs-text{flex:1;min-width:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis}
.dxs-text b{font-weight:800}
.dxs-text small{display:block;font-size:11.5px;color:var(--dx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dxs-cat{color:var(--site-primary-text,var(--dx-primary));font-weight:700}
.dxs-box .dxs-fill{flex:none;width:38px;height:38px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#6b7781;display:grid;place-items:center;cursor:pointer;box-shadow:none;transform:none}
.dxs-box .dxs-fill:hover{background:#e9eef1;color:var(--dx-ink)}
.dxs-thumb{flex:none;width:54px;height:54px;border-radius:12px;background:#eef3f6;display:grid;place-items:center;overflow:hidden;color:#8a96a0}
.dxs-thumb.small{width:38px;height:38px;border-radius:9px}
.dxs-thumb img{width:100%;height:100%;object-fit:cover;max-width:none;margin:0}
.dxs-tag{flex:none;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--dx-muted)}
.dxs-viewed{display:flex;gap:10px;overflow-x:auto;padding:10px 16px 6px;scrollbar-width:none}
.dxs-viewed::-webkit-scrollbar{display:none}
.dxs-card{flex:none;width:132px;text-decoration:none;color:var(--dx-ink)}
.dxs-card-img{display:block;width:132px;height:104px;border-radius:12px;background:#eef3f6;overflow:hidden}
.dxs-card-img img{width:100%;height:100%;object-fit:cover;max-width:none;margin:0}
.dxs-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:12.5px;line-height:1.3}
.dxs-card-price{display:block;margin-top:3px;font-size:12.5px;font-weight:800;color:var(--site-primary-text,var(--dx-primary))}
.dxs-chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px 8px}
.dxs-box .dxs-chip{height:auto;margin:0;padding:9px 14px;border-radius:12px;border:1.5px solid var(--dx-line);background:#fff;color:var(--dx-ink);font:600 13.5px/1 var(--dx-font);cursor:pointer;box-shadow:none;transform:none}
.dxs-box .dxs-chip:hover{border-color:var(--dx-primary);color:var(--dx-primary-dark)}

/* ---------- Utilities pages can use with the shell ---------- */
@media(max-width:760px){.dx-hide-mobile{display:none!important}}
@media(min-width:761px){.dx-hide-desktop{display:none!important}}

/* ---------- Global helpers that make injected UI sit nicely with the shell ---------- */
@media(max-width:760px){
  #dax-live-message-notice{bottom:calc(96px + env(safe-area-inset-bottom))!important;right:12px!important;left:12px!important;max-width:none!important;text-align:center}
  #daxnaija-push-prompt{bottom:calc(96px + env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){.dxh-sheet-panel,.dxh-sheet-backdrop{animation:none}}