/* BudgetDealz V5 — professional app shell, theme-safe and mobile first */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding-top:76px;background:var(--bd-bg,#080c18)!important;color:var(--bd-text,#f7f9fc)!important;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}
body.bd-nav-open{overflow:hidden}

#bd-three-app-bg{position:fixed;inset:0;z-index:-4;pointer-events:none;overflow:hidden;background:transparent}
#bd-three-app-bg canvas{width:100%!important;height:100%!important;display:block;opacity:.22}
html[data-bd-theme="light"] #bd-three-app-bg canvas{opacity:.09}
.stars-bg{position:fixed;inset:0;z-index:-5;pointer-events:none;background:radial-gradient(circle at 8% 5%,color-mix(in srgb,var(--bd-primary,#8b5cf6) 11%,transparent),transparent 31%),radial-gradient(circle at 86% 10%,color-mix(in srgb,var(--bd-success,#19c37d) 8%,transparent),transparent 27%),var(--bd-bg,#080c18)!important}

/* Header */
.app-header{position:fixed!important;inset:0 0 auto 0;height:76px;z-index:2200;background:color-mix(in srgb,var(--bd-header,var(--bd-card,#101624)) 95%,transparent)!important;border-bottom:1px solid var(--bd-border,#24314b)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.07)}
.bd-header-inner{height:100%;max-width:1440px;margin:auto;padding:0 18px;display:grid;grid-template-columns:auto minmax(260px,520px) auto;align-items:center;gap:18px}
.bd-brand{display:flex;align-items:center;gap:8px;text-decoration:none!important;min-width:0;flex-shrink:0}
.bd-brand-mark{width:42px;height:42px;overflow:hidden;display:block;position:relative;flex:0 0 42px}
.bd-brand-mark img{height:42px!important;width:auto!important;max-width:none!important;display:block;object-fit:unset}
.bd-brand-word{font-size:1.18rem;font-weight:800;letter-spacing:-.035em;color:var(--bd-heading,#fff)!important;line-height:1;white-space:nowrap}
.bd-brand-word>span{color:#f97316!important}
.search-box{position:relative;width:100%;min-width:0}
.search-box input{width:100%;height:46px;border-radius:15px!important;padding:0 15px 0 42px!important;border:1px solid var(--bd-border,#24314b)!important;background:var(--bd-card-2,#141d2f)!important;color:var(--bd-text,#f7f9fc)!important;font-size:.84rem!important;font-weight:500;outline:none;box-shadow:none!important;transition:border-color .18s,box-shadow .18s,background .18s}
.search-box input:focus{border-color:color-mix(in srgb,var(--bd-primary,#8b5cf6) 65%,var(--bd-border))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--bd-primary,#8b5cf6) 12%,transparent)!important}
.search-box input::placeholder{color:var(--bd-muted,#a6b2c5)!important;opacity:1}
.bd-search-leading{position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:2;color:var(--bd-muted,#a6b2c5);font-size:.9rem;pointer-events:none}
.bd-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
.desktop-nav .nav-link{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:11px;text-decoration:none!important;color:var(--bd-text,#f7f9fc)!important;font-size:.78rem;font-weight:650;white-space:nowrap;transition:.18s ease}
.desktop-nav .nav-link:hover{background:var(--bd-card-2,#141d2f)!important;color:var(--bd-primary,#8b5cf6)!important}
.desktop-nav .nav-link i{font-size:.84rem;color:var(--bd-muted,#a6b2c5)}
.desktop-nav .bd-chat-link{background:color-mix(in srgb,var(--bd-success,#19c37d) 10%,transparent)!important;border:1px solid color-mix(in srgb,var(--bd-success,#19c37d) 22%,var(--bd-border))!important}
.bd-account-pill,.bd-signin-pill{height:38px;display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:12px;text-decoration:none!important;background:var(--bd-card-2,#141d2f)!important;border:1px solid var(--bd-border,#24314b)!important;color:var(--bd-text,#f7f9fc)!important;font-size:.76rem;font-weight:700;white-space:nowrap}
.bd-account-avatar{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--bd-primary,#8b5cf6),var(--bd-success,#19c37d));color:#fff!important;font-size:.72rem;font-weight:900;flex:0 0 26px}
.bd-signin-pill{background:linear-gradient(135deg,var(--bd-primary-2,#3b82f6),var(--bd-primary,#8b5cf6))!important;color:#fff!important;border-color:transparent!important;padding:0 14px}
.bd-logout-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--bd-muted,#a6b2c5)!important;text-decoration:none!important;border:1px solid transparent;transition:.18s}
.bd-logout-icon:hover{color:var(--bd-danger,#ef4444)!important;border-color:color-mix(in srgb,var(--bd-danger,#ef4444) 22%,var(--bd-border));background:color-mix(in srgb,var(--bd-danger,#ef4444) 7%,transparent)}

#bdThemeToggle{position:static!important;top:auto!important;right:auto!important;z-index:auto!important;height:38px!important;min-width:38px!important;padding:0 9px!important;border-radius:12px!important;border:1px solid var(--bd-border,#24314b)!important;background:var(--bd-card-2,#141d2f)!important;color:var(--bd-text,#f7f9fc)!important;box-shadow:none!important;backdrop-filter:none!important;font:700 11px/1 Poppins,system-ui,sans-serif!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.bd-header-actions #bdThemeToggle .bd-theme-icon{width:22px!important;height:22px!important;font-size:11px!important}.bd-header-actions #bdThemeToggle .bd-theme-label{font-size:.67rem!important;color:var(--bd-text,#f7f9fc)!important}
.hamburger-btn{display:none;width:42px;height:42px;border:1px solid var(--bd-border,#24314b);border-radius:12px;background:var(--bd-card-2,#141d2f);padding:10px;flex-direction:column;justify-content:center;gap:4px;cursor:pointer}
.hamburger-btn span{width:100%;height:2px;border-radius:9px;background:var(--bd-text,#f7f9fc);display:block}

.bd-search-suggest{position:absolute;top:53px;left:0;right:0;background:var(--bd-card,#101624);border:1px solid var(--bd-border,#24314b);border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.24);padding:6px;display:none;max-height:min(62vh,440px);overflow:auto;z-index:3000}
.bd-search-suggest.show{display:block}
.bd-suggest-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border-radius:11px;text-decoration:none!important;color:var(--bd-text,#f7f9fc)!important}
.bd-suggest-row:hover{background:var(--bd-card-2,#141d2f)}
.bd-suggest-row img{width:42px;height:42px;object-fit:cover;border-radius:10px;background:#fff}
.bd-suggest-row strong{display:block;font-size:.76rem;color:var(--bd-text,#f7f9fc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-suggest-row small{display:block;font-size:.64rem;color:var(--bd-muted,#a6b2c5)!important;margin-top:2px}
.bd-suggest-row b{font-size:.72rem;color:var(--bd-success,#19c37d);font-weight:800;white-space:nowrap}
.bd-search-all{display:block;text-align:center;padding:9px;color:var(--bd-primary,#8b5cf6)!important;text-decoration:none!important;font-size:.72rem;font-weight:800;border-top:1px solid var(--bd-border,#24314b);margin-top:3px}
.bd-search-empty{padding:14px;text-align:center;color:var(--bd-muted,#a6b2c5);font-size:.76rem}

/* Mobile drawer */
.mobile-nav-backdrop{position:fixed;inset:0;background:rgba(2,6,15,.52);backdrop-filter:blur(2px);z-index:2580;opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease}
.mobile-nav-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
.mobile-nav-menu{position:fixed!important;top:0!important;right:0!important;bottom:0!important;width:min(88vw,380px)!important;z-index:2600!important;transform:translateX(105%)!important;transition:transform .25s cubic-bezier(.2,.8,.2,1)!important;background:var(--bd-nav,var(--bd-card,#101624))!important;border-left:1px solid var(--bd-border,#24314b)!important;box-shadow:-22px 0 56px rgba(0,0,0,.26)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.mobile-nav-menu.is-open{transform:translateX(0)!important}
.mobile-menu-header{height:72px;padding:12px 14px;border-bottom:1px solid var(--bd-border,#24314b);display:flex;align-items:center;justify-content:space-between}
.mobile-menu-header .bd-brand-word{display:inline!important}
.mobile-menu-close{width:40px;height:40px;border-radius:11px;border:1px solid var(--bd-border,#24314b);background:var(--bd-card-2,#141d2f);color:var(--bd-text,#f7f9fc);display:grid;place-items:center;font-size:1.6rem;line-height:1;padding:0}
.mobile-menu-body{padding:14px;display:flex;flex-direction:column;gap:8px;overflow:auto}
.mobile-menu-body .nav-link{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;padding:12px 13px!important;border:1px solid var(--bd-border,#24314b)!important;border-radius:12px!important;background:var(--bd-card-2,#141d2f)!important;color:var(--bd-text,#f7f9fc)!important;font-size:.9rem!important;font-weight:650!important;text-decoration:none!important}
.mobile-menu-body .nav-link i{width:20px;text-align:center;color:var(--bd-primary,#8b5cf6)!important}
.mobile-menu-body .logout-link,.mobile-menu-body .logout-link i{color:var(--bd-danger,#ef4444)!important}
.mobile-menu-body .bd-register-link,.mobile-menu-body .bd-register-link i{color:var(--bd-success,#19c37d)!important}
.bd-mobile-user{display:flex;align-items:center;gap:10px;padding:10px 4px 14px;margin-bottom:2px;border-bottom:1px solid var(--bd-border,#24314b)}
.bd-mobile-user small{display:block;color:var(--bd-muted,#a6b2c5)!important;font-size:.64rem}.bd-mobile-user strong{display:block;color:var(--bd-text,#f7f9fc);font-size:.86rem}

/* Homepage */
.bd-app-shell{width:min(100%,1440px);margin:auto;padding:18px 20px 96px}
.bd-welcome-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:104px;padding:20px 22px;border:1px solid var(--bd-border,#24314b);border-radius:22px;background:linear-gradient(120deg,color-mix(in srgb,var(--bd-card,#101624) 96%,var(--bd-primary,#8b5cf6) 4%),color-mix(in srgb,var(--bd-card,#101624) 94%,var(--bd-success,#19c37d) 6%));box-shadow:var(--bd-shadow,0 14px 38px rgba(0,0,0,.18))}
.bd-welcome-kicker{display:block;font-size:.62rem;letter-spacing:.11em;font-weight:800;color:var(--bd-primary,#8b5cf6);margin-bottom:5px}
.bd-welcome-card h1{margin:0!important;color:var(--bd-heading,#fff)!important;font-size:clamp(1.25rem,2.2vw,1.8rem)!important;font-weight:800!important;letter-spacing:-.035em!important}
.bd-welcome-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bd-btn{min-height:39px;padding:0 13px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none!important;font-size:.74rem;font-weight:750;border:1px solid transparent;white-space:nowrap}
.bd-btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--bd-primary-2,#3b82f6),var(--bd-primary,#8b5cf6))}
.bd-btn-soft{color:var(--bd-text,#f7f9fc)!important;background:var(--bd-card-2,#141d2f);border-color:var(--bd-border,#24314b)}

.bd-canva-banner{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;margin:12px 0 6px;padding:11px 13px;border:1px solid color-mix(in srgb,#7c3aed 22%,var(--bd-border,#24314b));border-radius:16px;background:linear-gradient(110deg,color-mix(in srgb,#06b6d4 8%,var(--bd-card,#101624)),color-mix(in srgb,#7c3aed 8%,var(--bd-card,#101624)));box-shadow:0 9px 28px rgba(0,0,0,.07)}
.bd-canva-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#06b6d4,#7c3aed);color:#fff;font-weight:900;font-size:1.1rem;box-shadow:0 7px 18px rgba(124,58,237,.18)}
.bd-canva-copy{min-width:0}.bd-canva-copy span{display:block;color:var(--bd-muted,#a6b2c5);font-size:.58rem;font-weight:800;letter-spacing:.08em}.bd-canva-copy strong{display:block;color:var(--bd-heading,#fff);font-size:.9rem;font-weight:800;margin-top:1px}
.bd-canva-cta{display:inline-flex;align-items:center;gap:7px;color:#fff!important;text-decoration:none!important;background:linear-gradient(135deg,#06b6d4,#7c3aed);padding:9px 11px;border-radius:10px;font-size:.69rem;font-weight:800;white-space:nowrap}

.bd-mini-apps{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin:15px 0 24px}
.bd-mini-app{min-width:0;text-decoration:none!important;color:var(--bd-text,#f7f9fc)!important;text-align:center;padding:4px 1px;border-radius:14px;transition:background .18s ease,transform .18s ease}
.bd-mini-app:hover{background:color-mix(in srgb,var(--bd-card,#101624) 72%,transparent);transform:translateY(-1px)}
.bd-mini-app-icon{width:min(58px,100%);aspect-ratio:1;margin:auto;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--c1),var(--c2));box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 7px 16px color-mix(in srgb,var(--c1) 20%,transparent);transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.bd-mini-app:active .bd-mini-app-icon{transform:scale(.92)}
.bd-mini-app-icon i{font-size:1.12rem;color:#fff!important}
.bd-mini-app-title{display:block;font-size:.62rem;font-weight:750;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--bd-text,#f7f9fc)!important}

.bd-app-section{margin:22px 0 28px}
.bd-app-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 10px}
.bd-app-section-head>div{min-width:0}.bd-app-section-head h2{margin:0!important;color:var(--bd-heading,#fff)!important;font-size:1rem!important;font-weight:800!important;letter-spacing:-.02em}.bd-app-section-head p{display:none!important}
.bd-app-section-head a{font-size:.68rem;text-decoration:none!important;color:var(--bd-primary,#8b5cf6)!important;font-weight:750;white-space:nowrap}
.bd-product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.bd-product-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;background:var(--bd-card,#101624)!important;border:1px solid var(--bd-border,#24314b)!important;border-radius:16px;text-decoration:none!important;color:var(--bd-text,#f7f9fc)!important;box-shadow:0 8px 24px rgba(0,0,0,.08);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.bd-product-tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--bd-primary,#8b5cf6) 36%,var(--bd-border))!important;box-shadow:0 14px 30px rgba(0,0,0,.12)}
.bd-product-tile .bd-img-wrap{position:relative;aspect-ratio:1.2/1;background:#fff;overflow:hidden}
.bd-product-tile img{width:100%;height:100%;object-fit:cover;display:block}
.bd-product-type{position:absolute;left:7px;top:7px;padding:4px 6px;border-radius:999px;background:rgba(15,23,42,.78);backdrop-filter:blur(8px);font-size:.54rem;font-weight:800;color:#fff!important;border:1px solid rgba(255,255,255,.12)}
.bd-product-body{padding:8px 9px 9px;display:flex;flex-direction:column;flex:1;min-width:0}
.bd-product-title{font-size:.72rem;font-weight:750;line-height:1.24;color:var(--bd-text,#f7f9fc)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:1.8em}
.bd-product-meta{font-size:.58rem;color:var(--bd-muted,#a6b2c5)!important;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-product-price{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:7px}
.bd-product-price>div{min-width:0}.bd-product-price strong{font-size:.78rem;color:var(--bd-success,#19c37d)!important;font-weight:800}.bd-product-price span{font-size:.54rem;color:var(--bd-muted,#a6b2c5)}
.bd-buy-dot{width:25px;height:25px;border-radius:8px;background:color-mix(in srgb,var(--bd-primary,#8b5cf6) 12%,var(--bd-card-2,#141d2f));border:1px solid color-mix(in srgb,var(--bd-primary,#8b5cf6) 24%,var(--bd-border));display:grid;place-items:center;flex:0 0 25px!important;color:var(--bd-primary,#8b5cf6)!important}
.bd-buy-dot i{font-size:.62rem;color:inherit!important}

.bd-category-scroller{display:flex;gap:8px;overflow:auto;padding:1px 1px 5px;scrollbar-width:none}.bd-category-scroller::-webkit-scrollbar{display:none}
.bd-category-chip{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 9px;border-radius:11px;background:var(--bd-card,#101624);border:1px solid var(--bd-border,#24314b);color:var(--bd-text,#f7f9fc)!important;text-decoration:none!important;font-size:.65rem;font-weight:700}
.bd-category-chip img{width:25px;height:25px;border-radius:7px;object-fit:cover;background:#fff}
.bd-recharge-card{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--bd-text,#f7f9fc)!important;padding:13px;border-radius:15px;border:1px solid var(--bd-border,#24314b);background:var(--bd-card,#101624);box-shadow:0 8px 22px rgba(0,0,0,.06)}
.bd-recharge-card>span:nth-child(2){min-width:0}.bd-recharge-card strong{display:block;color:var(--bd-text,#f7f9fc);font-size:.8rem}.bd-recharge-card small{display:block;color:var(--bd-muted,#a6b2c5)!important;font-size:.62rem;margin-top:2px}.bd-recharge-card>i{margin-left:auto;color:var(--bd-muted,#a6b2c5)}
.bd-recharge-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#f59e0b,#d97706);color:#fff;flex:0 0 43px}.bd-recharge-icon i{color:#fff!important}

/* Search page */
.bd-search-page{max-width:1320px;margin:auto;padding:20px 18px 100px}
.bd-search-hero{border-radius:18px;padding:16px 18px;background:var(--bd-card,#101624);border:1px solid var(--bd-border,#24314b);margin-bottom:12px}
.bd-search-hero h1{font-size:1.12rem!important;font-weight:800!important;color:var(--bd-heading,#fff)!important;margin:0 0 3px!important}.bd-search-hero p{color:var(--bd-muted,#a6b2c5)!important;margin:0;font-size:.7rem}
.bd-search-tabs{display:flex;gap:7px;overflow:auto;margin:10px 0 14px;scrollbar-width:none}.bd-search-tabs::-webkit-scrollbar{display:none}.bd-search-tabs a{white-space:nowrap;text-decoration:none!important;color:var(--bd-text,#f7f9fc)!important;padding:7px 10px;border-radius:10px;border:1px solid var(--bd-border,#24314b);background:var(--bd-card,#101624);font-size:.64rem;font-weight:750}
.bd-empty{border:1px dashed var(--bd-border,#24314b);background:var(--bd-card,#101624);border-radius:16px;padding:40px 16px;text-align:center;color:var(--bd-muted,#a6b2c5)}.bd-empty i{font-size:1.6rem;margin-bottom:9px;color:var(--bd-primary,#8b5cf6)}

/* Partner locked order indicator */
.bd-lock-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 10px;border-radius:11px;background:color-mix(in srgb,var(--bd-danger,#ef4444) 8%,var(--bd-card-2,#141d2f));border:1px solid color-mix(in srgb,var(--bd-danger,#ef4444) 20%,var(--bd-border))}.bd-lock-strip strong{font-size:.72rem;color:var(--bd-danger,#ef4444)!important}.bd-lock-strip small{display:block;color:var(--bd-muted,#a6b2c5)!important;font-size:.61rem;margin-top:2px}.bd-lock-amount{font-size:.8rem;font-weight:850;color:var(--bd-danger,#ef4444)!important;white-space:nowrap}

/* Existing view-all grids */
.bd-view-all-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}.bd-grid-card{background:var(--bd-card,#101624)!important;border-color:var(--bd-border,#24314b)!important;border-radius:16px!important;color:var(--bd-text,#f7f9fc)!important;box-shadow:0 8px 22px rgba(0,0,0,.07)!important}.bd-grid-card .bd-grid-body{padding:9px!important}.bd-grid-card h6{color:var(--bd-text,#f7f9fc)!important;font-size:.76rem!important}.bd-grid-card .text-muted,.bd-grid-card small{color:var(--bd-muted,#a6b2c5)!important}

/* Bottom navigation */
.downbar{position:fixed;left:0;right:0;bottom:0;z-index:1800;height:68px;padding:5px 4px max(5px,env(safe-area-inset-bottom));display:none;align-items:center;justify-content:space-around;background:color-mix(in srgb,var(--bd-card,#101624) 95%,transparent)!important;border-top:1px solid var(--bd-border,#24314b)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -9px 26px rgba(0,0,0,.1)}
.downbar a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none!important;color:var(--bd-muted,#a6b2c5)!important;font-size:.57rem;font-weight:700;padding:3px}
.downbar .ic3d{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:transparent}.downbar i{font-size:.92rem;color:var(--bd-muted,#a6b2c5)!important}.downbar a.active .ic3d{background:color-mix(in srgb,var(--bd-primary,#8b5cf6) 12%,transparent)}.downbar a.active i,.downbar a.active .lbl{color:var(--bd-primary,#8b5cf6)!important}

/* Theme-specific contrast fixes for old components */
html[data-bd-theme="light"] .bd-product-tile,
html[data-bd-theme="light"] .bd-recharge-card,
html[data-bd-theme="light"] .bd-category-chip,
html[data-bd-theme="light"] .bd-search-tabs a,
html[data-bd-theme="light"] .bd-welcome-card{box-shadow:0 8px 24px rgba(31,74,49,.07)}
html[data-bd-theme="light"] .bd-mini-app-title,
html[data-bd-theme="light"] .bd-product-title,
html[data-bd-theme="light"] .bd-app-section-head h2,
html[data-bd-theme="light"] .bd-recharge-card strong,
html[data-bd-theme="light"] .bd-brand-word{color:#142219!important;-webkit-text-fill-color:currentColor!important}
html[data-bd-theme="light"] .bd-product-meta,
html[data-bd-theme="light"] .bd-product-price span,
html[data-bd-theme="light"] .bd-recharge-card small{color:#607168!important;-webkit-text-fill-color:currentColor!important}

@media(max-width:1180px){
  .bd-header-inner{grid-template-columns:auto minmax(240px,1fr) auto;gap:12px}.desktop-nav .nav-link{padding:9px 7px}.desktop-nav .nav-link span{display:none}.bd-account-pill>span:last-child{display:none}.bd-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:991px){
  body{padding-top:68px}.app-header{height:68px}.bd-header-inner{grid-template-columns:auto minmax(0,1fr) auto;padding:0 11px;gap:9px}.bd-brand-word{display:none}.bd-brand-mark{width:38px;height:38px;flex-basis:38px}.bd-brand-mark img{height:38px!important}.desktop-nav{display:none}.bd-header-actions #bdThemeToggle{padding:0!important;width:40px!important}.bd-header-actions #bdThemeToggle .bd-theme-label{display:none!important}.hamburger-btn{display:flex}.search-box input{height:42px;font-size:.75rem!important;padding-left:38px!important}.bd-search-leading{left:13px}.bd-app-shell{padding:14px 12px 84px}.bd-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bd-mini-apps{grid-template-columns:repeat(5,minmax(0,1fr))}.downbar{display:flex}
}
@media(max-width:700px){
  .bd-welcome-card{min-height:88px;padding:15px 16px;border-radius:17px}.bd-welcome-card h1{font-size:1.18rem!important}.bd-welcome-actions{gap:6px}.bd-btn{min-height:36px;padding:0 10px;font-size:.67rem}.bd-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bd-product-tile{border-radius:14px}.bd-product-tile .bd-img-wrap{aspect-ratio:1.12/1}.bd-app-section{margin:18px 0 23px}.bd-app-section-head h2{font-size:.94rem!important}.bd-mini-app-icon{width:min(54px,100%);border-radius:16px}.bd-mini-app-title{font-size:.59rem}.bd-canva-banner{grid-template-columns:40px minmax(0,1fr) auto;padding:9px 10px;gap:9px}.bd-canva-mark{width:40px;height:40px}.bd-canva-copy strong{font-size:.8rem}.bd-canva-cta{font-size:.62rem;padding:8px 9px}.bd-search-page{padding:14px 11px 84px}.bd-view-all-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:440px){
  .bd-header-inner{grid-template-columns:36px minmax(0,1fr) auto;gap:7px}.bd-brand-mark{width:36px;height:36px;flex-basis:36px}.bd-brand-mark img{height:36px!important}.hamburger-btn{width:40px;height:40px}.search-box input{height:40px;font-size:.7rem!important}.bd-welcome-card{align-items:flex-start;flex-direction:column;gap:11px}.bd-welcome-actions{width:100%;justify-content:flex-start}.bd-welcome-actions .bd-btn-primary{flex:1}.bd-mini-apps{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.bd-mini-app-icon{width:min(48px,100%);border-radius:14px}.bd-mini-app-title{font-size:.54rem}.bd-canva-copy span{font-size:.51rem}.bd-canva-copy strong{font-size:.75rem}.bd-canva-cta{font-size:0;width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:10px}.bd-canva-cta i{font-size:.7rem}.bd-product-body{padding:8px}.bd-product-title{font-size:.69rem}.bd-product-price strong{font-size:.73rem}
}
@media(max-width:350px){.bd-mini-apps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.bd-product-tile,.bd-mini-app,.bd-mini-app-icon{transition:none!important}#bd-three-app-bg canvas{display:none}}

/* ===== V6 refined app header ===== */
.app-header{overflow:visible!important;background:linear-gradient(115deg,color-mix(in srgb,var(--bd-card,#101624) 97%,transparent),color-mix(in srgb,var(--bd-card-2,#141d2f) 95%,transparent))!important;border-bottom-color:color-mix(in srgb,var(--bd-primary,#8b5cf6) 16%,var(--bd-border,#24314b))!important;box-shadow:0 12px 38px rgba(0,0,0,.11)!important}
.app-header:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(139,92,246,.12),transparent 30%),radial-gradient(circle at 82% 0%,rgba(18,217,160,.07),transparent 28%);z-index:-1}
.app-header:after{content:"";position:absolute;left:5%;right:5%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.55),rgba(18,217,160,.42),transparent);opacity:.55}
.bd-brand-mark{border-radius:14px;filter:drop-shadow(0 8px 16px rgba(95,64,180,.18));transition:transform .2s ease,filter .2s ease}.bd-brand:hover .bd-brand-mark{transform:translateY(-1px) rotate(-2deg);filter:drop-shadow(0 10px 20px rgba(95,64,180,.27))}
.bd-brand-word{font-size:1.22rem!important;letter-spacing:-.045em!important}.bd-brand-word>span{background:linear-gradient(135deg,#fb923c,#f97316,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.search-box input{background:linear-gradient(135deg,color-mix(in srgb,var(--bd-card-2,#141d2f) 96%,transparent),color-mix(in srgb,var(--bd-card,#101624) 96%,transparent))!important;border-color:color-mix(in srgb,var(--bd-border,#24314b) 88%,var(--bd-primary,#8b5cf6) 12%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.desktop-nav .nav-link{border:1px solid transparent}.desktop-nav .nav-link:hover{border-color:color-mix(in srgb,var(--bd-primary,#8b5cf6) 16%,var(--bd-border,#24314b))!important;transform:translateY(-1px)}
.desktop-nav .nav-link i{transition:.18s}.desktop-nav .nav-link:hover i{color:var(--bd-primary,#8b5cf6)!important;transform:translateY(-1px)}
.bd-account-pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
html[data-bd-theme="light"] .app-header{background:linear-gradient(115deg,rgba(255,255,255,.97),rgba(249,251,255,.96))!important;box-shadow:0 10px 34px rgba(38,57,49,.08)!important}html[data-bd-theme="light"] .search-box input{background:#fff!important}
@media(max-width:991px){.app-header{border-radius:0 0 18px 18px}.bd-header-inner{padding-inline:10px}.search-box input{border-radius:14px!important}.hamburger-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}}