/* =========================
   POPUP BASE
========================= */

.suggestion-popup {
  border: 0;
  box-shadow: 5px 5px 15px #ccc;
  z-index: 99999999;

  position: absolute;
  top: 50px;

  max-width: 800px;
  width: 100%;
  padding: 20px;

  background: #fff;

  display: none;
  flex-direction: column;
  gap: 20px;
  
  max-height: 400px;
  overflow-y: auto;
  
  display: grid;
  grid-template-columns: 66% 30%;
}

@media (max-width: 767px) {
	.suggestion-popup {
	  grid-template-columns: 48% 48%;
	}
}

/* =========================
   BASE DAS SEÇÕES
========================= */

.suggestion-section {
  width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
}

/* =========================
   TÍTULOS
========================= */

.suggestion-section:before {
  display: block;
  width: 100%;

  font-size: 17px;
  font-weight: 700;
  line-height: 20px;

  margin-bottom: 0;
}

.suggprods:before {
  content: 'Produtos Sugeridos';
}

.suggbrands:before {
  content: 'Marcas Sugeridas';
}

.suggcategories:before {
  content: 'Categorias Sugeridas';
}

/* =========================
   GRID GENÉRICO
========================= */

.suggprods {
  align-content: start;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media (max-width: 767px) {
	.suggprods {
	  grid-template-columns: repeat(1, 1fr);
	}
}

/* título ocupa linha inteira */
.suggprods:before,
.suggbrands:before {
  grid-column: 1 / -1;
}

/* =========================
   PRODUTOS
========================= */

.suggprods .cardProduct {
    margin-bottom: 20px;
}


/* =========================
   MARCAS
========================= */

.suggbrands div {
  list-style: none;
  width: 100%;
}

.suggbrands img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin-bottom: 10px;
}



/* =========================
   CATEGORIAS
========================= */

.suggcategories {
  display: grid;
  align-content: start;
}

.suggcategories .divbrand {margin-top:20px;}

.suggcategories a {
    color: var(--primary-color);
    font-size:14px; 
	line-height: 1.3;	
    font-style: normal;
    font-weight: 700;
    text-transform: none;
}

.suggcategories a:hover {
  color: var(--accent-color);
}

/* =========================
   FIXES GERAIS
========================= */

.searchbox .input-area {
  position: relative;
}

.shop-box-items .shop-content .shop-button .theme-btn {
  background: transparent;
}

.content-pesquisa-category .category-oneadjust {
  align-items: start;
}

.suggprods li::marker,
.suggbrands li::marker,
.suggcategories li::marker {
  display: none;
}

.suggprods ul,
.suggbrands ul,
.suggcategories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.suggprods li,
.suggbrands li,
.suggcategories li {
  list-style: none;
}

.content-pesquisa-category .category-oneadjust .search-toggle-box {
  height: 500px;
}

.suggestion-popup .imageHover {
  display: none;
}