/* Contract-driven featured tool-card ownership.
   The explicit generated class owns prominence. Legacy first-child styling is
   neutralised only when DOM order and the governed featured flag diverge, so
   the current grid composition remains visually unchanged. */
.home .product-front-door__grid
.product-front-door__card:first-child:not(.product-front-door__card--featured) {
  grid-column: auto;
  min-height: 250px;
  color: #17243a;
  background: #fff;
  border-color: #ddd6c7;
  box-shadow: 0 16px 36px rgba(5, 27, 59, 0.06);
}

.home .product-front-door__grid
.product-front-door__card:first-child:not(.product-front-door__card--featured) > a {
  color: #17243a;
  background: #fff;
  border-color: #dde2e8;
}

.home .product-front-door__grid
.product-front-door__card:first-child:not(.product-front-door__card--featured) strong {
  color: #06264e;
}

.home .product-front-door__grid
.product-front-door__card:first-child:not(.product-front-door__card--featured) p {
  color: #5c6675;
}

.home .product-front-door__grid
.product-front-door__card:first-child:not(.product-front-door__card--featured)
.product-front-door__category,
.home .product-front-door__grid
.product-front-door__card:first-child:not(.product-front-door__card--featured)
.product-front-door__go {
  color: #8c641d;
}

.home .product-front-door__grid .product-front-door__card--featured {
  grid-column: span 2;
  min-height: 300px;
  background: transparent;
  border-color: transparent;
}

.home .product-front-door__grid .product-front-door__card--featured > a {
  color: #fff;
  background:
    radial-gradient(circle at 88% 16%, rgba(83, 166, 255, 0.18), transparent 35%),
    linear-gradient(145deg, #06264e, #0a3970);
  border-color: #18528d;
}

.home .product-front-door__grid .product-front-door__card--featured strong,
.home .product-front-door__grid .product-front-door__card--featured p {
  color: #fff;
}

.home .product-front-door__grid .product-front-door__card--featured
.product-front-door__category,
.home .product-front-door__grid .product-front-door__card--featured
.product-front-door__go {
  color: #9fd6ff;
}

@media (max-width: 1040px) {
  .home .product-front-door__grid .product-front-door__card--featured {
    grid-column: span 2;
  }
}

@media (max-width: 700px) {
  .home .product-front-door__grid .product-front-door__card--featured {
    grid-column: auto;
    min-height: 270px;
  }
}