/* DNN Smart Search 1.2.0 — resultados responsivos com miniaturas. */
.dnn-smart-search-wrapp,
.dnn-smart-search-wrapp *{
  box-sizing:border-box;
}

.dnn-smart-search-wrapp{
  position:relative;
  width:100%;
  max-width:880px;
  min-width:0;
  z-index:60;
}

.dnn-smart-search-form{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  min-height:52px;
  overflow:hidden;
  border:1px solid #ddecf8;
  border-radius:18px;
  background:#f8fbff;
  box-shadow:0 1px 0 rgba(255,255,255,.85) inset,0 6px 18px rgba(96,153,196,.08);
  transition:border-color .18s ease,box-shadow .18s ease;
}

.dnn-smart-search-form:focus-within{
  border-color:#8ecdf6;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 26px rgba(96,153,196,.12),0 0 0 3px rgba(142,205,246,.22);
}

.dnn-smart-search-input{
  flex:1 1 auto;
  width:100%;
  min-width:0;
  min-height:52px;
  margin:0;
  padding:14px 16px;
  border:0;
  outline:0;
  background:transparent;
  color:#243244;
  font-family:inherit;
  font-size:16px;
  font-weight:600;
  line-height:1.35;
  -webkit-appearance:none;
  appearance:none;
}

.dnn-smart-search-input::-webkit-search-cancel-button{
  margin-right:4px;
}

.dnn-smart-search-input::placeholder{
  color:#7b8794;
  font-weight:500;
  opacity:1;
}

.dnn-smart-search-btn{
  all:unset;
  box-sizing:border-box;
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  flex:0 0 52px;
  border-radius:14px;
  color:#243244;
  cursor:pointer;
  transition:color .18s ease,background .18s ease,transform .12s ease;
}

.dnn-smart-search-btn:hover,
.dnn-smart-search-btn:focus-visible{
  color:#3c8fc8;
  background:rgba(142,205,246,.16);
}

.dnn-smart-search-btn:focus-visible{
  outline:3px solid rgba(56,189,248,.35);
  outline-offset:-4px;
}

.dnn-smart-search-btn:active{transform:scale(.97)}
.dnn-smart-search-btn-icon{display:block;width:21px;height:21px;flex:0 0 21px}

.dnn-smart-search-dropdown{
  position:fixed;
  display:none;
  min-width:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  border:1px solid #ddecf8;
  border-radius:20px;
  background:#fff;
  box-shadow:0 24px 70px rgba(88,130,170,.18),0 8px 24px rgba(88,130,170,.1);
  z-index:2147483647;
  isolation:isolate;
}

.dnn-smart-search-dropdown[hidden]{display:none!important}
.dnn-smart-search-dropdown.is-open{display:block}

.dnn-smart-search-dropdown::-webkit-scrollbar{width:8px}
.dnn-smart-search-dropdown::-webkit-scrollbar-track{background:transparent}
.dnn-smart-search-dropdown::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(142,205,246,.5)}

.dnn-smart-search-inner{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(210px,.55fr);
  width:100%;
  min-width:0;
  overflow:hidden;
  border-radius:inherit;
  background:#fff;
}

.dnn-smart-search-results{
  display:grid;
  align-content:start;
  gap:8px;
  min-width:0;
  padding:12px;
}

.dnn-smart-search-results[aria-busy=true]{opacity:.72}

.dnn-smart-search-history{
  min-width:0;
  padding:14px;
  border-left:1px solid #e7f1fa;
  background:rgba(248,251,255,.88);
}

.dnn-ssh-title{
  display:flex!important;
  align-items:center!important;
  gap:8px;
  margin:0 0 11px;
  color:#243244;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

.dnn-smart-search-dropdown svg,
.dnn-ss-icon,
.dnn-ssh-title svg{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  flex:0 0 16px!important;
}

.dnn-ssh-list{
  display:grid;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none!important;
}

.dnn-ssh-item{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0;
  padding:10px 11px;
  border:1px solid #e4f0fa;
  border-radius:12px;
  background:#f6fafe;
  color:#344256;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  overflow-wrap:anywhere;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.dnn-ssh-item:hover,
.dnn-ssh-item:focus-visible{
  border-color:#f7bfd2;
  outline:0;
  background:#fff5fa;
  transform:translateY(-1px);
}

.dnn-ss-empty{
  margin:0;
  padding:14px 6px;
  color:#6b7787;
  font-size:14px;
  font-weight:700;
  line-height:1.5;
}

.dnn-ss-empty a{color:#1676a3}

.dnn-ss-row{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-width:0;
  padding:8px;
  border:1px solid transparent;
  border-radius:15px;
  color:#243244;
  text-decoration:none!important;
  background:#fff;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}

.dnn-ss-row:hover,
.dnn-ss-row:focus-visible,
.dnn-ss-row.is-active{
  border-color:#d6ebfa;
  outline:0;
  background:#f5faff;
  transform:translateY(-1px);
}

.dnn-ss-thumb{
  display:block;
  width:64px;
  height:64px;
  overflow:hidden;
  border:1px solid #e5edf5;
  border-radius:12px;
  background:linear-gradient(135deg,#f5f8fc,#eef6fc);
}

.dnn-ss-thumb img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  object-fit:cover;
  object-position:center;
}

.dnn-ss-meta{display:block;min-width:0}

.dnn-ss-title{
  display:-webkit-box;
  overflow:hidden;
  color:#263142;
  font-size:14px;
  font-weight:800;
  line-height:1.35;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.dnn-ss-highlight{
  color:#126f9f;
  font-weight:900;
}

.dnn-ss-price{
  margin-top:5px;
  color:#1676a3;
  font-size:13px;
  font-weight:900;
  line-height:1.35;
}

.dnn-ss-price del{color:#94a3b8;font-weight:600}
.dnn-ss-price ins{color:inherit;text-decoration:none}

.dnn-ss-all{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin-top:2px;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#bae6fd,#ede9fe);
  color:#243244!important;
  font-size:14px;
  font-weight:900;
  text-align:center;
  text-decoration:none!important;
}

.dnn-ss-all:hover,
.dnn-ss-all:focus-visible{
  outline:3px solid rgba(56,189,248,.25);
  outline-offset:2px;
}

@media(max-width:991.98px){
  .dnn-smart-search-dropdown{
    border-radius:18px;
  }

  .dnn-smart-search-inner{
    grid-template-columns:minmax(0,1fr);
  }

  .dnn-smart-search-history{
    border-top:1px solid #e7f1fa;
    border-left:0;
  }

  .dnn-ss-row{
    grid-template-columns:72px minmax(0,1fr);
    min-height:88px;
  }

  .dnn-ss-thumb{
    width:72px;
    height:72px;
  }

  .dnn-search-ov .dnn-smart-search-wrapp{
    width:100%;
    max-width:none;
  }

  .dnn-search-ov .dnn-smart-search-form{
    min-height:54px;
  }
}

@media(max-width:420px){
  .dnn-smart-search-results{padding:9px}
  .dnn-smart-search-history{padding:12px}
  .dnn-ss-row{gap:10px;padding:7px}
  .dnn-ss-title{font-size:13.5px}
}

@media(prefers-reduced-motion:reduce){
  .dnn-smart-search-form,
  .dnn-smart-search-btn,
  .dnn-ss-row,
  .dnn-ssh-item{transition:none}
}