/* =========================================
   Global Typography
========================================= */

.nibble-quiz-wrap,
.nibble-quiz-wrap p,
.nibble-quiz-wrap label,
.nibble-quiz-wrap legend,
.nibble-quiz-wrap h2,
.nibble-quiz-wrap h3,
.nibble-quiz-wrap h4,
.nibble-products-grid,
.nibble-product-card,
.nibble-product-title,
.nibble-product-price,
.nibble-btn {
  font-family: 'Anybody' !important;
}


/* =========================================
   Form Styling
========================================= */

.nibble-quiz-form input[type="text"],
.nibble-quiz-form input[type="email"]{
  width:100%;
  max-width:420px;
  padding:10px 12px;
  border:1px solid #ddd;
  border-radius:8px;
  font-size:14px;
}

.nibble-q{
  margin:0 0 18px;
  padding:14px;
  border:1px solid #eee;
  border-radius:10px;
}

.nibble-q label{
  display:block;
  margin:8px 0;
  font-size:14px;
}

/* Submit Button */
.nibble-quiz-form button{
  padding:10px 18px;
  height:42px;
  border:0;
  border-radius:10px;
  cursor:pointer;
  font-size:14px;
  font-weight:600;
  font-family:'Anybody' !important;
  transition:all .2s ease;
	    line-height: 1.2;

}
button#quiz-btn {
    line-height: 1.7 !important;
}
.nibble-quiz-form button:hover{
  opacity:.9;
}


/* =========================================
   Products Grid Layout
========================================= */

.nibble-products-grid{
  margin-top: 20px;
  display: grid;
  gap: 16px;
}

/* 1 column */
.nibble-products-grid.nibble-grid-1{
  grid-template-columns: 1fr;
	width:400px;
}

/* 2 columns for "Both" */
.nibble-products-grid.nibble-grid-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Responsive */
@media (max-width: 768px){
  .nibble-products-grid.nibble-grid-2{
    grid-template-columns: 1fr;
  }
}


/* =========================================
   Horizontal Product Card
========================================= */

.nibble-product-card{
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 14px;
  display: grid;
  grid-template-columns: 85px 1fr;
  gap: 14px;
  align-items: center;
  background:#fff;
}

/* Image */
.nibble-product-img{
  display:block;
  width:85px;
}

.nibble-product-img img{
  width:85px;
  height:85px;
  object-fit:cover;
  border-radius:12px;
  display:block;
}

.nibble-product-img-placeholder{
  width:85px;
  height:85px;
  border-radius:12px;
  background:#f3f3f3;
}

/* Right Content */
.nibble-product-info{
  min-width:0;
}

.nibble-product-title{
  display:block;
  font-size:16px;
  font-weight:700;
  text-decoration:none;
  margin:0 0 6px;
  line-height:1.3;

  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.nibble-product-price{
  font-size:15px;
  margin:0 0 10px;
  font-weight:500;
}


/* =========================================
   Buttons (Improved Height + Clean Look)
========================================= */

.nibble-product-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.nibble-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:36px;              /* Reduced height */
  padding:0 14px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
  font-size:13px;
  line-height:1;
  transition:all .2s ease;
  font-family:'Anybody' !important;
}

/* Primary */
.nibble-btn-primary{
  background:#111;
  color:#fff;
}

.nibble-btn-primary:hover{
  background:#000;
}

/* Secondary */
.nibble-btn-secondary{
  background:#f4f4f4;
  color:#111;
}

.nibble-btn-secondary:hover{
  background:#e9e9e9;
}