#dbaski-app{font-family:Arial,Tahoma,sans-serif;color:#1e2820;max-width:1440px;margin:auto;background:#fff;line-height:1.5}#dbaski-app *{box-sizing:border-box}#dbaski-app button{cursor:pointer;font:inherit} .db-head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #e5e8e4}.db-head>div{display:flex;flex-direction:column}.db-logo{font-size:30px;letter-spacing:-1px;color:#111}.db-head small{font-size:9px;letter-spacing:1px}.db-basket-toggle,.db-whatsapp{border:0;border-radius:8px;background:#205336;color:white;padding:12px 20px}.db-count{background:#e8f1e9;color:#205336;border-radius:30px;padding:2px 7px;margin:0 3px}.db-hero{background:linear-gradient(115deg,#f1efe7,#e5ebdf);padding:38px 28px}.db-hero span{font-size:11px;letter-spacing:1.5px;color:#41644a}.db-hero h1{font-size:clamp(25px,3vw,42px);margin:8px 0}.db-hero p{margin:0;color:#526052}.db-tabs{display:flex;gap:8px;overflow-x:auto;padding:20px 24px 8px}.db-tabs button{white-space:nowrap;background:#f5f6f4;border:1px solid #e6e9e5;padding:10px 16px;border-radius:8px}.db-tabs button.active{background:#205336;color:white}.db-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 24px}.db-tools input{border:1px solid #dce2dc;border-radius:8px;padding:12px;width:min(400px,100%);background:white}.db-grid{padding:8px 24px 40px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.db-card{border:1px solid #e5e8e4;border-radius:10px;overflow:hidden;background:white}.db-card-image{width:100%;aspect-ratio:4/5;object-fit:contain;background:#f7f6f3;cursor:zoom-in}.db-card-foot{padding:9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.db-card-code{font-weight:bold;font-size:14px;overflow-wrap:anywhere}.db-add{background:#205336;color:#fff;border:0;border-radius:6px;padding:7px 11px}.db-add.selected{background:#dfece1;color:#205336}.db-empty{text-align:center;padding:40px}.db-overlay{position:fixed;inset:0;background:#0008;z-index:99997}.db-drawer{position:fixed;top:0;bottom:0;right:0;width:min(390px,95vw);background:white;z-index:99998;transform:translateX(110%);transition:transform .2s;box-shadow:0 0 30px #0002;padding:22px;overflow:auto}.db-drawer.open{transform:translateX(0)}.db-drawer-head{display:flex;align-items:center;justify-content:space-between}.db-drawer h2{font-size:20px}.db-close,.db-lightbox-close{border:0;background:none;font-size:30px}.db-basket-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee;padding:12px 0}.db-basket-item img{width:65px;height:70px;object-fit:contain}.db-basket-item strong{flex:1}.db-remove{border:0;background:#f4f4f4;border-radius:5px;padding:6px 9px}.db-client-label{display:block;margin:20px 0 12px}.db-client-label input{display:block;width:100%;border:1px solid #ddd;padding:10px;margin-top:7px;border-radius:6px}.db-whatsapp,.db-clear{width:100%;margin-top:9px}.db-clear{background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px}.db-lightbox{position:fixed;z-index:99999;inset:5vh 5vw;background:white;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center}.db-lightbox[hidden],.db-overlay[hidden]{display:none}.db-lightbox img{height:calc(80vh - 40px);max-width:100%;object-fit:contain}.db-lightbox-close{align-self:flex-start}.db-lightbox p{font-weight:bold}@media(max-width:1050px){.db-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.db-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.db-head,.db-tools{padding:14px}.db-tabs{padding:12px}.db-hero{padding:26px 15px}.db-card-foot{flex-wrap:wrap}.db-card-code{font-size:12px}}