.featured-product {
  --featured-product-bg: #000000;
  --featured-product-bg-accent: #11161f;
  --featured-product-text: #ffffff;
  --featured-product-muted: rgba(255, 255, 255, 0.78);
  --featured-product-card-radius: clamp(8px, 2.2vw, 8px);
  --featured-product-card-min-height: clamp(260px, 30vw, 500px);
  --featured-product-card-shadow: 0 16px 34px rgba(0, 0, 0, 0.35);
  --featured-product-overlay: linear-gradient(
    180deg,
    rgba(5, 8, 13, 0.08) 10%,
    rgba(5, 8, 13, 0.38) 56%,
    rgba(5, 8, 13, 0.9) 100%
  );

  width: 100%;
  clear: both;
  display: block;
  position: relative;
  /* padding: clamp(3.2rem, 8vw, 6rem) 0 clamp(3rem, 7vw, 5.4rem); */
  background: radial-gradient(circle at 50% 0%, var(--featured-product-bg-accent) 0%, var(--featured-product-bg) 52%);
  overflow: hidden;
}

.featured-product,
.featured-product * {
  box-sizing: border-box;
}

.featured-product .uk-container {
  width: min(100% - 2rem, 1360px);
  margin-left: auto;
  margin-right: auto;
}

.featured-product .featured-product__header {
  max-width: 100%;
  margin: 0 auto clamp(1.8rem, 3.4vw, 2.7rem);
}

.featured-product .featured-product__heading {
  margin: 0;
  color: var(--featured-product-text);
  font-family: "Poppins", sans-serif;
  /* font-size: clamp(2.1rem, 4.9vw, 1.8rem); */
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.018em;
}

.featured-product .featured-product__description {
  margin: 1rem auto 0;
  max-width: 100%;
  color: var(--featured-product-muted);
  font-family: "Poppins", sans-serif;
  /* font-size: clamp(1rem, 1.08vw, 1.06rem); */
  line-height: 1.62;
}

.featured-product .featured-product__description p {
  margin: 0;
}

.featured-product .featured-product__description p + p {
  margin-top: 0.72rem;
}

.featured-product .featured-product__grid {
  margin-top: 0;
  flex-wrap: nowrap;
  gap: clamp(10px, 2.6vw, 20px);
}

.featured-product .featured-product__card-media {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: var(--featured-product-card-min-height);
  padding: clamp(18px, 2.6vw, 28px);
  border-radius: var(--featured-product-card-radius);
  background-color: #0d1218;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  box-shadow: var(--featured-product-card-shadow);
  isolation: isolate;
  transition: transform 200ms ease, box-shadow 200ms ease;
}

.featured-product .featured-product__card-media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--featured-product-overlay);
  z-index: 1;
}

.featured-product .featured-product__card {
  padding: 0px !important;
}


.featured-product .featured-product__card:hover .featured-product__card-media {
  transform: translateY(-3px);
  box-shadow: 0 22px 42px rgba(0, 0, 0, 0.45);
}

.featured-product .featured-product__card-content {
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.5rem;
  z-index: 2;
  width: min(100%, 42ch);
  min-height: clamp(110px, 11vw, 146px);
  color: var(--featured-product-text);
}

.featured-product .featured-product__card-title {
  margin: 0;
  color: var(--featured-product-text);
  font-family: "Poppins", sans-serif;
  /* font-size: clamp(1.2rem, 2.4vw, 1.2rem); */
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.015em;
  text-wrap: balance;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.featured-product .featured-product__card-description {
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-family: "Poppins", sans-serif;
  /* font-size: clamp(0.9rem, 1.02vw, 0.9rem); */
  line-height: 1.5;
  min-height: calc(1.5em * 3);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  text-wrap: pretty;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.42);
}

@media (min-width: 1220px) {
    .featured-product .uk-container{
        max-width: 1280px !important;
        padding: 0 0px !important;
    }
}

@media (min-width: 640px) and (max-width: 959px) {
  .featured-product .featured-product__card-media {
    min-height: clamp(240px, 35vw, 330px);
  }
}

@media (max-width: 639px) {
  .featured-product {
    padding: clamp(2.4rem, 9.5vw, 3.3rem) 0 clamp(2.2rem, 8.5vw, 3.2rem);
  }

  .featured-product .featured-product__header {
    margin-bottom: 1.3rem;
  }

  .featured-product .featured-product__description {
    max-width: 100%;
  }

  .featured-product .featured-product__card-media {
    min-height: clamp(220px, 76vw, 290px);
    padding: 16px;
    border-radius: 14px;
  }

  .featured-product .featured-product__card-content {
    min-height: 118px;
  }
}