/* Gadgets page specific styles. Keep it minimal and complementary to base.css */

.hero {
  background: linear-gradient(180deg, rgba(165, 200, 181, 0.18), rgba(250, 247, 243, 0));
  padding: var(--space-16) 0 var(--space-12);
}
.hero__inner { max-width: 68ch; }
.hero__cta { margin-top: var(--space-6); display: flex; gap: var(--space-4); flex-wrap: wrap; }

.section { padding: var(--space-16) 0; }
.section__cta { margin-top: var(--space-8); }

/* Filters */
.filters { background: var(--gray-50); border-top: 1px solid var(--gray-200); border-bottom: 1px solid var(--gray-200); }
.filters__form { padding: var(--space-8) 0; display: grid; gap: var(--space-6); }
.filters__row { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
.filters__search, .filters__sort { display: grid; gap: var(--space-2); }
.filters__fieldset { border: 0; padding: 0; }
.filters__chips { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }
.filters__clear { padding: 0.5rem 0.75rem; }
.filters__meta { display: flex; justify-content: space-between; align-items: center; }

@media (min-width: 768px) {
  .filters__row { grid-template-columns: 2fr 1fr; }
}

/* Chips */
.chip {
  background: var(--color-surface);
  border: 1px solid var(--gray-300);
  border-radius: var(--radius-pill);
  padding: 0.35rem 0.75rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
}
.chip input { accent-color: var(--color-primary-600); }

/* Product card */
.product-card { position: relative; overflow: hidden; }
.product-card__media { position: relative; margin-bottom: var(--space-5); }
.product-card__media .badge { position: absolute; top: 10px; left: 10px; }
.product-card__title { margin-bottom: var(--space-2); }
.product-card__spec { color: var(--gray-700); font-size: var(--fs-base); margin-bottom: var(--space-5); }
.product-card__meta { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-5); }
.price__value { font-weight: 700; }
.rating { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--gray-800); }
.stars { letter-spacing: 2px; color: var(--color-warning); font-size: 0.95rem; }
.product-card__actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }

/* Recommendations, features, favorites */
.recommendations { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
.feature { min-height: 100%; }
.essentials { display: grid; gap: var(--space-3); padding-left: 1.25rem; }
.favorites { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
.fav-item__head { display: flex; align-items: center; justify-content: space-between; }

@media (min-width: 768px) {
  .recommendations { grid-template-columns: repeat(3, 1fr); }
  .favorites { grid-template-columns: repeat(2, 1fr); }
}

/* Reviews */
.reviews .review__meta { display: flex; align-items: center; gap: var(--space-3); color: var(--gray-700); }

/* Trust section */
.trust { background: var(--gray-50); border-top: 1px solid var(--gray-200); }
.trust__grid { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
.trust__item { background: var(--color-surface); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); padding: var(--space-6); box-shadow: var(--shadow-sm); }

@media (min-width: 768px) {
  .trust__grid { grid-template-columns: repeat(3, 1fr); }
}