/* =========================================================
   CATEGORÍA ELECTROLUM
   Buscador superior y subcategorías por secciones
========================================================= */

.category-catalog-main {
  min-height: 70vh;
}

.category-search-start {
  padding-bottom: 8px;
}

.category-search-layout {
  grid-template-columns: minmax(0, 1fr);
}

.category-breadcrumbs {
  margin: 0 0 14px;
  color: #879ac5;
}

.category-breadcrumbs a {
  color: #aebdde;
}

.category-breadcrumbs a:hover,
.category-breadcrumbs a:focus-visible {
  color: #71ddf8;
}

.category-loading {
  padding-top: 28px;
}

.subcategory-shelves {
  padding-top: 2px;
}

.subcategory-block:first-child {
  padding-top: 27px;
}

.subcategory-block .view-all {
  white-space: nowrap;
}

.category-empty-state,
.category-error {
  padding-top: 42px;
}

.category-focus {
  padding: 31px 0 20px;
}

.subcategory-focus-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(118, 157, 229, 0.12);
}

.subcategory-focus-head h1 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.8rem, 4vw, 3rem);
  letter-spacing: -0.045em;
  line-height: 1.02;
}

.subcategory-focus-head p {
  max-width: 680px;
  margin: 8px 0 0;
  color: #91a3ca;
  font-size: 0.9rem;
  line-height: 1.55;
}

.subcategory-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 18px;
  color: #71ddf8;
  font-size: 0.8rem;
  font-weight: 850;
}

.subcategory-back svg {
  width: 18px;
  height: 18px;
  transition: transform 0.18s ease;
}

.subcategory-back:hover svg {
  transform: translateX(-3px);
}

.subcategory-product-count {
  flex: 0 0 auto;
  padding-bottom: 4px;
  color: #9fb0d4;
  font-size: 0.82rem;
  font-weight: 800;
}

@media (max-width: 620px) {
  .category-search-start {
    padding-top: 15px;
  }

  .category-breadcrumbs {
    margin-bottom: 10px;
    font-size: 0.73rem;
  }

  .subcategory-block,
  .subcategory-block:first-child {
    padding-top: 28px;
  }

  .subcategory-block .view-all {
    font-size: 0;
  }

  .subcategory-block .view-all::before {
    content: "Ver todo";
    font-size: 0.8rem;
  }

  .category-focus {
    padding-top: 25px;
  }

  .subcategory-focus-head {
    align-items: flex-start;
    margin-bottom: 18px;
  }

  .subcategory-focus-head h1 {
    font-size: 1.72rem;
  }

  .subcategory-focus-head p {
    display: none;
  }

  .subcategory-back {
    margin-bottom: 14px;
    font-size: 0.73rem;
  }

  .subcategory-product-count {
    padding-top: 35px;
    font-size: 0.72rem;
  }
}

@media (max-width: 390px) {
  .subcategory-focus-head {
    gap: 12px;
  }

  .subcategory-product-count {
    max-width: 74px;
    text-align: right;
  }
}