.prometec-category-landing {
  background: var(--primary-main);
}

.prometec-category-landing__shell {
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0.04) 100%
    ),
    radial-gradient(
      1409px 1409px at 1% 1%,
      rgb(0, 148, 216) 0%,
      rgba(43, 180, 255, 0.12) 30%,
      rgba(43, 180, 255, 0) 68%
    ),
    radial-gradient(
      1409px 1409px at 80% 1%,
      rgb(0, 148, 216) 0%,
      rgba(43, 180, 255, 0.12) 30%,
      rgba(43, 180, 255, 0) 68%
    ),
    radial-gradient(
      1260px 1260px at 2% 72%,
      rgba(20, 160, 255, 0.22) 0%,
      rgba(20, 160, 255, 0.1) 34%,
      rgba(20, 160, 255, 0) 72%
    ),
    var(--primary-main);
  color: #fff;
  min-height: 100%;
}

.prometec-category-landing .prometec-breadcrumb__item {
  color: rgba(255, 255, 255, 0.72);
}

.prometec-category-landing .prometec-breadcrumb__item:not(:last-child)::after {
  border-color: rgba(255, 255, 255, 0.58);
}

.prometec-category-landing .prometec-breadcrumb__item[aria-current="page"] {
  color: #fff;
}

.prometec-category-landing__back {
  align-items: center;
  color: rgba(255, 255, 255, 0.76);
  display: inline-flex;
  gap: 0.6rem;
  font-size: 0.95rem;
  line-height: 1;
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
}

.prometec-category-landing__back:hover {
  color: #fff;
  transform: translateX(-2px);
}

.prometec-category-landing__back-icon {
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1.1rem;
  line-height: 1;
}

.prometec-category-landing__hero {
  margin: 0 auto;
  max-width: 760px;
  padding: clamp(1rem, 3vw, 2rem) 0 clamp(1.25rem, 4vw, 2.75rem);
}

.prometec-category-landing__title {
  color: #fff;
  font-size: clamp(2.6rem, 5vw, 3.6rem);
  font-weight: 800;
  line-height: 1.08;
}

.prometec-category-landing__intro {
  color: rgba(255, 255, 255, 0.78);
  font-size: 1rem;
  line-height: 1.8;
  max-width: 650px;
}

.prometec-category-landing__highlight {
  padding: clamp(0.5rem, 1vw, 1rem) 0 0;
}

.prometec-category-landing__media {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 28px 60px rgba(3, 9, 35, 0.28);
}

.prometec-category-landing__media img {
  display: block;
  height: auto;
  width: 100%;
}

.prometec-category-landing__copy {
  max-width: 640px;
}

.prometec-category-landing__highlight-title {
  color: #fff;
  font-size: clamp(1.8rem, 3vw, 2.35rem);
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: clamp(1.5rem, 2.08vw, 2.5rem);
}

.prometec-category-landing__highlight-body {
  color: rgba(255, 255, 255, 0.78);
  font-size: 1rem;
  line-height: 1.85;
}

.prometec-category-landing__products {
  padding: clamp(0.25rem, 1vw, 0.75rem) 0 clamp(2rem, 4vw, 3.5rem);
}

.prometec-category-landing__products .prometec-product-card__thumb {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 22px 50px rgba(3, 9, 35, 0.22);
}

.prometec-category-landing__products .prometec-product-card__meta {
  color: rgba(143, 198, 255, 0.9);
}

.prometec-category-landing__products .prometec-product-card__title a {
  color: #fff;
}

.prometec-category-landing__products .prometec-product-card__title a:hover {
  color: #8fc6ff;
}

.prometec-category-landing__products .prometec-product-card__excerpt {
  color: rgba(255, 255, 255, 0.74);
}

.prometec-category-landing__empty-state {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(20, 29, 76, 0.38) 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  padding: 2rem;
  text-align: center;
}

@media (max-width: 991.98px) {
  .prometec-category-landing__shell {
    background:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.08) 0%,
        rgba(255, 255, 255, 0.02) 100%
      ),
      radial-gradient(
        620px 500px at -18% 44%,
        rgba(20, 160, 255, 0.28) 0%,
        rgba(20, 160, 255, 0.14) 28%,
        rgba(20, 160, 255, 0) 72%
      ),
      radial-gradient(
        520px 420px at 110% 8%,
        rgba(43, 180, 255, 0.24) 0%,
        rgba(43, 180, 255, 0) 68%
      ),
      radial-gradient(
        480px 420px at 6% 78%,
        rgba(20, 160, 255, 0.18) 0%,
        rgba(20, 160, 255, 0) 72%
      ),
      var(--primary-main);
  }

  .prometec-category-landing__hero {
    padding-bottom: 1.5rem;
  }
}

@media (max-width: 767.98px) {
  .prometec-category-landing__intro,
  .prometec-category-landing__highlight-body {
    font-size: 0.95rem;
    line-height: 1.75;
  }

  .prometec-category-landing__empty-state {
    border-radius: 20px;
    padding: 1.5rem 1.25rem;
  }
}