/*==============================
  Exclude Products
==============================*/
.filter-1 {
  margin-bottom: 10px;
}
.filter-1 a, .filter-1 button {
  display: inline-flex;
  margin: 0px 10px 10px 0px;
  flex: auto;
}
.product-1 label {
  width: 100%;
  height: 70px;
  border-radius: 15px;
  background-color: var(--level_1);
  border: 1px solid var(--level_1);
  margin-bottom: 20px;
  padding: 15px;
  color: var(--text_1);
  cursor: pointer;
  user-select: none;
  font-size: 16px;
}
.product-1 img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  position: absolute;
  top: 15px;
}
.product-1 span {
  position: absolute;
  top: 12px;
  left: 85px;
  right: 50px;
  color: var(--text_2);
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-1 p {
  position: absolute;
  top: 32px;
  left: 85px;
  right: 50px;
  color: var(--text_1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-1 input {
  position: absolute;
  top: 20px;
  right: 30px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.product-1 input:checked ~ label {
  border: 1px solid var(--focus);
}

/* ---- button ---- */

.btn-secondary.is-checked, .btn-secondary.is-checked:hover, .btn-secondary.is-checked:focus, .btn-secondary.is-checked:active {
  background-color: var(--brand_1);
  color: var(--btn-text);
  outline: 0;
  box-shadow: 0;
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
}

/* ---- grid ---- */


/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid {
 border-bottom: 100px solid var(--level_0);
}


/* ---- .element-item ---- */

.element-item > * {
  margin: 0;
  padding: 0;
}