.featured-product {
  grid-column: span 2;
  position: relative;
}

.product-photo {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #0c0d0d;
}

.product-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-badge {
  position: absolute;
  top: 1.8rem;
  left: 1.8rem;
  background: var(--orange);
  color: #fff;
  padding: .45rem .7rem;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.product-details {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: .9rem 0;
}

.product-details span {
  border: 1px solid var(--line);
  padding: .35rem .55rem;
  color: var(--muted);
  font-size: .75rem;
}

.product-pricing {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .7rem;
  margin: 1rem 0;
}

.product-pricing .old-price {
  color: #777;
  text-decoration: line-through;
}

.product-pricing strong {
  color: var(--orange);
  font: 800 2rem Barlow Condensed, sans-serif;
}

.product-pricing small {
  width: 100%;
  color: var(--muted);
}

.featured-product button {
  border-color: #5d3b25;
  color: #c98455;
}

@media (max-width: 850px) {
  .featured-product {
    grid-column: auto;
  }
}