/* ============================================================
 * HQS Meili Search — V5
 * ============================================================ */
#hqs-dropdown{ position:absolute; z-index:99999; background:#fff; border-radius:14px; box-shadow:0 12px 36px rgba(0,0,0,.16); overflow:hidden; display:none; max-height:75vh; }
.hqs-container{ display:grid; grid-template-columns:280px 1fr; height:75vh; max-height:75vh; }
.hqs-left,.hqs-right{ height:75vh; overflow-y:auto; -webkit-overflow-scrolling:touch; }
.hqs-left{ border-right:1px solid rgba(0,0,0,.08); padding:16px; box-sizing:border-box; }
.hqs-left h3{ font-size:13px; font-weight:600; text-transform:uppercase; margin:0 0 6px; color:#555; }
.hqs-list{ display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.hqs-item{ display:flex; align-items:center; font-size:13px; padding:6px 8px; border-radius:8px; cursor:pointer; transition:.2s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hqs-item:hover{ background:rgba(0,82,109,.12); color:#00526d; }
.hqs-right{ padding:18px 18px 60px; box-sizing:border-box; }
.hqs-products-title{ font-size:14px; font-weight:600; margin:0 0 12px; color:#333; }
.hqs-products-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.hqs-card{ background:#fff; border-radius:12px; border:1px solid rgba(0,0,0,.06); box-shadow:0 4px 16px rgba(0,0,0,.05); overflow:hidden; transition:.2s; height:100%; }
.hqs-card:hover{ transform:translateY(-2px); box-shadow:0 8px 28px rgba(0,0,0,.12); border-color:rgba(0,82,109,.35); }
.hqs-link{ display:flex; flex-direction:column; text-decoration:none; color:inherit; height:100%; }

/* Imagem controlada + hover suave */
.hqs-img{ position:relative; width:100%; height:160px; overflow:hidden; background:#fff; }
@media (max-width:768px){ .hqs-img{ height:120px; } }
.hqs-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; transition:opacity .2s ease; }
.hqs-img .img-hover{ opacity:0; }
.hqs-card:hover .img-main{ opacity:0; }
.hqs-card:hover .img-hover{ opacity:1; }

.hqs-info{ padding:12px 14px; display:flex; flex-direction:column; gap:6px; height:100%; box-sizing:border-box; }
.hqs-title{ font-size:14px; font-weight:600; line-height:1.3; color:#222; min-height:38px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.hqs-meta{ display:flex; justify-content:space-between; font-size:12px; color:#555; }
.hqs-meta span:first-child{ font-weight:600; }
.hqs-meta span:last-child{ opacity:.8; text-align:right; white-space:nowrap; margin-left:8px; }
.hqs-desc{ font-size:13px; line-height:1.4; color:#555; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; min-height:calc(1.4em * 3); }
.hqs-price-wrapper{ margin-top:auto; }
.price-normal,.price-sale{ color:#00526d; font-weight:700; font-size:14px; margin-right:6px; }
.price-old{ color:#999; text-decoration:line-through; font-size:12px; }
.price-contact{ font-weight:600; }
.hqs-footer{ margin-top:18px; display:flex; justify-content:flex-start; }
.hqs-viewall{ border:none; border-radius:999px; padding:10px 18px; font-size:13px; font-weight:600; background:#00526d; color:#fff; cursor:pointer; transition:.2s; letter-spacing:.02em; text-transform:uppercase; }
.hqs-viewall:hover{ background:#0079a1; transform:translateY(-1px); }

/* Modo fixed para headers sticky */
#hqs-dropdown.hqs-fixed{ position:fixed !important; }

/* Mobile */
@media (max-width:768px){
  #hqs-dropdown{ left:0 !important; width:100% !important; border-radius:0 0 14px 14px; max-height:none; }
  .hqs-container{ grid-template-columns:1fr; height:auto; max-height:none; }
  .hqs-left,.hqs-right{ height:auto; overflow-y:visible; }
  .hqs-products-grid{ grid-template-columns:1fr; gap:12px; }
  .hqs-right{ padding-bottom:30px; }
  .hqs-viewall{ width:100%; text-align:center; border-radius:12px; padding:14px 18px; }
}