/* Emberosis product catalog styling inside blog posts */
.archive-listing {
  gap: 28px !important;
}

/* Product cards */
.archive-listing .product-list,
.product-list {
  background: #0b0908 !important;
  border: 1px solid #6b4a25 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Product images: make them cleaner and less huge/cropped */
.archive-listing img,
.product-list img {
  object-fit: contain !important;
  max-height: 260px !important;
  width: 100% !important;
  padding: 18px !important;
  background: #050505 !important;
}

/* Product title */
.archive-listing .product-name,
.archive-listing .product-name a,
.product-list .product-name,
.product-list .product-name a {
  background: transparent !important;
  color: #e8dcc8 !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-family: inherit !important;
  text-decoration: none !important;
  padding: 10px 12px !important;
}

/* Price */
.archive-listing .price,
.archive-listing .product-price,
.product-list .price,
.product-list .product-price {
  background: transparent !important;
  color: #c4742f !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* Affiliate / listing button */
.archive-listing .button,
.archive-listing a.button,
.product-list .button,
.product-list a.button {
  background: #3a1208 !important;
  color: #f2dfbd !important;
  border: 1px solid #8a612d !important;
  border-radius: 0 !important;
  padding: 10px 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

/* Remove neon-looking overlays if the template uses them */
.archive-listing .product-name,
.product-list .product-name {
  background-color: transparent !important;
}

/* Mobile: stack nicely */
@media (max-width: 700px) {
  .archive-listing .product-list,
  .product-list {
    width: 100% !important;
  }

  .archive-listing img,
  .product-list img {
    max-height: 220px !important;
  }
}

/* Mobile product catalog: make product images large and readable */
@media (max-width: 700px) {

  /* Make each product card full width */
  .archive-listing .product-list,
  .product-list,
  .al_product,
  .classic-listing .product-list {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 0 28px 0 !important;
  }

  /* Give the image real space */
  .archive-listing img,
  .product-list img,
  .al_product img,
  .classic-listing img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 260px !important;
    object-fit: contain !important;
    padding: 10px !important;
    background: #050505 !important;
  }

  /* If the plugin wraps images in a container, force that wider too */
  .archive-listing .product-image,
  .product-list .product-image,
  .al_product .product-image,
  .classic-listing .product-image {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 280px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Make title and price easier to read */
  .archive-listing .product-name,
  .archive-listing .product-name a,
  .product-list .product-name,
  .product-list .product-name a {
    font-size: 18px !important;
    line-height: 1.3 !important;
    padding: 12px 14px !important;
    text-align: center !important;
  }

  .archive-listing .price,
  .archive-listing .product-price,
  .product-list .price,
  .product-list .product-price {
    font-size: 18px !important;
    text-align: center !important;
    display: block !important;
    margin: 8px auto 12px auto !important;
  }

  .archive-listing .button,
  .archive-listing a.button,
  .product-list .button,
  .product-list a.button {
    display: block !important;
    width: fit-content !important;
    margin: 12px auto 18px auto !important;
    font-size: 14px !important;
  }
}




/* Custom dark Pinterest sidebar cards */
.bb-pinterest-sidebar-wrap {
  display: grid !important;
  gap: 18px !important;
}

.bb-pinterest-card {
  background: #090706 !important;
  color: #e8dcc8 !important;
  border: 1px solid #6b4a25 !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 0 18px rgba(196, 116, 47, 0.12) !important;
}

.bb-pinterest-card a {
  text-decoration: none !important;
  display: block !important;
}

.bb-pinterest-card-inner {
  background:
    radial-gradient(circle at bottom, rgba(196, 116, 47, 0.18), transparent 50%),
    #090706 !important;
  padding: 22px 18px !important;
  text-align: center !important;
}

.bb-pinterest-label {
  color: #c4742f !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  font-size: 11px !important;
  margin-bottom: 12px !important;
}

.bb-pinterest-title {
  color: #e8dcc8 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  margin-bottom: 12px !important;
}

.bb-pinterest-text {
  color: #cbbda5 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin-bottom: 18px !important;
}

.bb-pinterest-button {
  display: inline-block !important;
  color: #f2dfbd !important;
  background: #3a1208 !important;
  border: 1px solid #8a612d !important;
  padding: 10px 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 12px !important;
}
}