.cq-container { display: flex !important; flex-wrap: wrap !important; gap: 30px !important; max-width: 1200px !important; margin: 0 auto !important; padding: 20px !important; }
.cq-main { flex: 3; }
.cq-sidebar { flex: 1; border: 1px solid #ddd; padding: 20px; border-radius: 12px; height: fit-content; }
.cq-grid-view { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.product-card { border: 1px solid #eee; padding: 15px; border-radius: 8px; text-align: center; }
.btn-green { background:#00c853; color:white; padding:15px; border:none; width:100%; cursor:pointer; }
.cq-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; }
.modal-body { background: white; padding: 30px; border-radius: 15px; width: 300px; text-align: center; }