.elementor-6956 .elementor-element.elementor-element-039dd7e{margin-top:50px;margin-bottom:50px;}@media(max-width:767px){.elementor-6956 .elementor-element.elementor-element-186341d{grid-row:span 1;}}/* Start custom CSS for babe-archive-items, class: .elementor-element-b0b99e1 */@media (max-width: 767px) {
  /* Keep container row-aligned */
  .elementor-6956 .elementor-element.elementor-element-b0b99e1 .ba-item,
  .elementor-6956 .elementor-element.elementor-element-b0b99e1 .ba-archive-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    gap: 12px;
  }

  /* Compact the thumbnail image */
  .elementor-6956 .elementor-element.elementor-element-b0b99e1 .ba-item-img,
  .elementor-6956 .elementor-element.elementor-element-b0b99e1 .ba-item-image,
  .elementor-6956 .elementor-element.elementor-element-b0b99e1 .ba-archive-item-image {
    width: 35% !important;
    min-width: 100px !important;
    height: auto !important;
    flex-shrink: 0;
  }

  /* Expand text area to fill remaining space */
  .elementor-6956 .elementor-element.elementor-element-b0b99e1 .ba-item-content,
  .elementor-6956 .elementor-element.elementor-element-b0b99e1 .ba-archive-item-content {
    width: 65% !important;
    flex-grow: 1;
  }
}/* End custom CSS */
/* Start custom CSS for babe-archive-items, class: .elementor-element-186341d *//* 1. Main card container */
.mobile-list-card article,
.mobile-list-card .ba-item,
.mobile-list-card [class*="ba-archive-item"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  padding: 12px !important;
  gap: 12px !important;
}

/* 2. Full-height image on left */
.mobile-list-card figure,
.mobile-list-card img,
.mobile-list-card [class*="image"],
.mobile-list-card [class*="img"] {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  height: 100% !important;
  min-height: 100px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* 3. Right side content layout */
.mobile-list-card [class*="content"],
.mobile-list-card [class*="info"],
.mobile-list-card article > div:last-child {
  width: calc(100% - 112px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

/* 4. Title styling */
.mobile-list-card h3,
.mobile-list-card [class*="title"] {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 2px 0 4px 0 !important;
}

/* 5. FIX: Prevent price from breaking into vertical letters */
.mobile-list-card [class*="price"],
.mobile-list-card [class*="amount"],
.mobile-list-card [class*="price"] * {
  white-space: nowrap !important;
  word-break: keep-all !important;
  display: inline-block !important;
  font-size: 14px !important;
}

/* 6. Hide only the description paragraph */
.mobile-list-card p,
.mobile-list-card .ba-item-desc,
.mobile-list-card [class*="description"],
.mobile-list-card [class*="excerpt"] {
  display: none !important;
}/* End custom CSS */