/* Base */
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.hidden{display:none !important}
.wrapper{max-width:1200px;margin:0 auto;padding:clamp(12px,2vw,24px)}
.muted{color:#6b7280;font-size:.9rem}.right{margin-left:auto}

/* Theme */
:root{--primary:#f97316;--bg:#f8fafc;--surface:#fff;--text:#111;--soft:#eceff3}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:12px;background:var(--soft);border:1px solid #e3e8ef;cursor:pointer;font-weight:600}
.btn:hover{filter:brightness(.98)}.btn.primary{background:var(--primary);color:#000;border-color:#0000}.btn.outline{background:#fff;border-color:#d0d7e2}.btn.pill{border-radius:999px}.btn.small{font-size:.9rem;padding:.4rem .7rem}
.header{display:flex;align-items:center;gap:1rem}.nav{display:flex;gap:.5rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800}.brand-logo{height:34px;width:auto;border-radius:6px}
.card{background:var(--surface);border:1px solid #e3e8ef;border-radius:16px;padding:16px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:700px){.grid2{grid-template-columns:1fr}}

/* Shop */
.searchbar{display:flex;gap:.5rem;align-items:center;margin-bottom:12px}
.searchbar input,.searchbar select{padding:.6rem .7rem;border:1px solid #d0d7e2;border-radius:10px;width:100%}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.card .price{font-weight:800;margin:.3rem 0}.qty{display:flex;gap:.4rem;align-items:center}
.qty input{width:60px;text-align:center;padding:.4rem;border:1px solid #d0d7e2;border-radius:10px}

/* Cart drawer */
.drawer{position:fixed;right:16px;top:70px;width:360px;max-width:calc(100vw - 32px);max-height:70vh;overflow:auto;background:#fff;border:1px solid #e3e8ef;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:12px;z-index:30}
.row{display:flex;gap:.6rem;align-items:center;justify-content:space-between}
.row + .row{margin-top:.5rem}
.drawer .grid2{grid-template-columns:1fr}
.drawer label{display:block}.drawer input{width:100%}

/* Floating buttons */
.wa-float,
.cart-float{position:fixed;right:16px;border:none;border-radius:999px;padding:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.15);z-index:25}
.wa-float{bottom:16px;background:#25D366;color:#fff}
.cart-float{bottom:84px;background:#111;color:#fff;position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed;}

/* Badge contador */
.cart-float{position:fixed;right:16px}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed; bottom:84px}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed;}

/* badge */
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed;}

/* final badge */
.cart-float{position:fixed; right:16px}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}

.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}

.cart-float{position:fixed; bottom:84px}
.cart-float{position:fixed}

.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}

.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}

.cart-float{position:fixed; right:16px}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}

.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}

.cart-float{position:fixed}
.cart-float{position:fixed}

.cart-float{position:fixed}
.cart-float{position:fixed}
/* Badge */
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}

/* finally the actual badge rule (clean) */
.cart-float{position:fixed;}
.cart-float{position:fixed; bottom:84px}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}
.cart-float{position:fixed}

.cart-float{position:fixed; bottom:84px}
.cart-float{position:fixed}

.cart-float{position:fixed}
.cart-float{position:fixed}

.cart-float{position:fixed}

/* Badge element */
.badge{position:absolute;top:-6px;right:-6px;background:#f97316;color:#000;border-radius:999px;padding:1px 6px;font-size:12px;font-weight:800;min-width:20px;text-align:center;line-height:18px}