/* Muambo Global Stylesheet v1 */

/* === Reset & Base === */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0f;color:#e4e4e7;line-height:1.6}
a{color:#fbbf24;text-decoration:none}
a:hover{color:#f59e0b}
.container{max-width:1280px;margin:0 auto;padding:0 1rem}
img{max-width:100%}

/* === Header === */
.mu-header{position:sticky;top:0;z-index:50;background:rgba(10,10,15,0.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(39,39,42,0.5)}
.mu-header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1280px;margin:0 auto;padding:0 1rem}
.mu-logo{display:flex;align-items:center;text-decoration:none}
.mu-logo img{height:36px;width:auto}
.mu-nav{display:flex;align-items:center;gap:0.25rem}
.mu-nav a{color:#a1a1aa;font-size:0.875rem;padding:0.5rem 0.75rem;border-radius:0.5rem;transition:all 0.2s;text-decoration:none;white-space:nowrap}
.mu-nav a:hover{color:#f4f4f5;background:rgba(39,39,42,0.5)}
.mu-nav a.active{color:#fbbf24}
.mu-search-form{display:flex;align-items:center}
.mu-search-input{background:#18181b;border:1px solid #27272a;border-radius:0.5rem;padding:0.375rem 0.75rem;font-size:0.8125rem;color:#e4e4e7;width:200px;outline:none;transition:border-color 0.2s}
.mu-search-input:focus{border-color:rgba(245,158,11,0.5)}
.mu-search-input::placeholder{color:#52525b}
.mu-hamburger{display:none}
.mu-mobile-menu{display:none}

/* === Bottom Nav (mobile) === */
.mu-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(10,10,15,0.95);backdrop-filter:blur(12px);border-top:1px solid #27272a;padding:0.375rem 0;padding-bottom:max(0.375rem,env(safe-area-inset-bottom))}
.mu-bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;max-width:480px;margin:0 auto}
.mu-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:0.125rem;color:#71717a;text-decoration:none;font-size:0.625rem;padding:0.25rem 0.5rem;transition:color 0.2s;-webkit-tap-highlight-color:transparent}
.mu-bottom-nav a svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.mu-bottom-nav a.active{color:#fbbf24}
.mu-bottom-nav a:hover{color:#d4d4d8}

@media(max-width:768px){
    .mu-nav{display:none}
    .mu-search-form{display:none}
    .mu-bottom-nav{display:block}
    body{padding-bottom:4rem}
}

/* === Footer === */
.mu-footer{border-top:1px solid #27272a;padding:3rem 0 2rem;margin-top:3rem}
.mu-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;max-width:1280px;margin:0 auto;padding:0 1rem}
.mu-footer-col h4{font-size:0.8125rem;font-weight:600;color:#d4d4d8;margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.05em}
.mu-footer-col a{display:block;color:#71717a;font-size:0.8125rem;padding:0.25rem 0;text-decoration:none;transition:color 0.2s}
.mu-footer-col a:hover{color:#fbbf24}
.mu-footer-bottom{text-align:center;font-size:0.75rem;color:#52525b;max-width:1280px;margin:2rem auto 0;padding:1.5rem 1rem 0;border-top:1px solid #1a1a22}

/* === Product Card Grid === */
.mu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
@media(min-width:768px){.mu-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
.mu-card{display:flex;flex-direction:column;background:#111118;border:1px solid #27272a;border-radius:1rem;overflow:hidden;transition:all 0.3s}
.mu-card:hover{border-color:rgba(245,158,11,0.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,0.05)}
.mu-card-img-wrap{position:relative}
.mu-card-img-wrap img{width:100%;aspect-ratio:1;object-fit:cover}
.mu-card-score{position:absolute;top:0.5rem;right:0.5rem;font-size:0.75rem;font-weight:700;padding:0.25rem 0.5rem;border-radius:0.375rem;border:1px solid}
.mu-card-source{position:absolute;top:0.5rem;left:0.5rem;font-size:0.625rem;font-weight:600;padding:0.2rem 0.5rem;border-radius:0.375rem;border:1px solid;text-transform:uppercase;letter-spacing:0.03em}
.mu-card-body{padding:0.875rem;display:flex;flex-direction:column;gap:0.375rem;flex:1}
.mu-card-title{font-size:0.8125rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mu-card-price{font-size:1.125rem;font-weight:700}
.mu-card-meta{display:flex;gap:0.75rem;font-size:0.75rem;color:#71717a}
.mu-card-verdict{font-size:0.6875rem;font-weight:600;margin-top:auto}

/* === Lead capture === */
.mu-lead-box{background:linear-gradient(135deg,rgba(245,158,11,0.08),rgba(249,115,22,0.04));border:1px solid rgba(245,158,11,0.15);border-radius:1rem;padding:1.5rem;margin:2rem 0}