/* Mobile discovery and detail conversion layer. */
.hua-professional-fields > summary {
  display: flex;
  min-height: 48px;
  margin: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--hua-text);
  font-size: 19px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.hua-professional-fields > summary::-webkit-details-marker { display: none; }
.hua-professional-fields > summary .hua-icon { width: 18px; height: 18px; flex: 0 0 auto; transition: transform .18s ease; }
.hua-professional-fields[open] > summary .hua-icon { transform: rotate(90deg); }

@media (max-width: 767px) {
  body.item:not(.item-post) .hua-professional-fields {
    margin-top: 18px;
    padding-top: 10px;
  }

  body.item:not(.item-post) .hua-professional-fields > summary {
    min-height: 52px;
    padding: 0 4px;
    border-radius: 12px;
    font-size: 17px;
  }

  body.item:not(.item-post) .hua-professional-fields > summary:focus-visible {
    outline: 3px solid rgba(27, 94, 171, .22);
    outline-offset: 2px;
  }

  body.item:not(.item-post) .hua-professional-fields:not([open]) > summary {
    padding-inline: 12px;
    background: #f5f7fa;
  }

  body.item:not(.item-post) .hua-professional-fields .meta_list { margin-top: 4px; }

  body.search .hua-results-list .listing-list,
  body.item:not(.item-post) .similar_ads .listing-list {
    display: grid;
    gap: 12px;
  }

  body.search .hua-results-list .hua-vertical-card,
  body.item:not(.item-post) .similar_ads .hua-vertical-card {
    display: grid;
    min-height: 178px;
    overflow: hidden;
    border-radius: 16px;
    grid-template-columns: 112px minmax(0, 1fr);
  }

  body.search .hua-results-list .hua-vertical-card-media,
  body.search .hua-results-list .hua-card-placeholder,
  body.item:not(.item-post) .similar_ads .hua-vertical-card-media,
  body.item:not(.item-post) .similar_ads .hua-card-placeholder {
    width: 100%;
    height: 100%;
    min-height: 178px;
  }

  body.search .hua-results-list .hua-vertical-card-media .hua-media-foreground,
  body.item:not(.item-post) .similar_ads .hua-vertical-card-media .hua-media-foreground {
    padding: 0;
    object-fit: cover;
  }

  body.search .hua-results-list .hua-vertical-card-media .hua-media-backdrop,
  body.item:not(.item-post) .similar_ads .hua-vertical-card-media .hua-media-backdrop { display: none; }

  body.search .hua-results-list .hua-vertical-card-body,
  body.item:not(.item-post) .similar_ads .hua-vertical-card-body {
    min-width: 0;
    min-height: 178px;
    padding: 11px 12px 10px;
  }

  body.search .hua-results-list .hua-card-topline,
  body.item:not(.item-post) .similar_ads .hua-card-topline {
    gap: 6px;
    font-size: 9px;
  }

  body.search .hua-results-list .hua-card-topline > span,
  body.item:not(.item-post) .similar_ads .hua-card-topline > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.search .hua-results-list .hua-card-title,
  body.item:not(.item-post) .similar_ads .hua-card-title {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.35;
  }

  body.search .hua-results-list .hua-card-price,
  body.item:not(.item-post) .similar_ads .hua-card-price {
    display: -webkit-box;
    margin-top: 5px;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.search .hua-results-list .hua-card-summary,
  body.item:not(.item-post) .similar_ads .hua-card-summary { display: none; }

  body.search .hua-results-list .hua-card-facts,
  body.item:not(.item-post) .similar_ads .hua-card-facts {
    display: grid;
    gap: 4px;
    margin-top: 7px;
    grid-template-columns: minmax(0, 1fr);
  }

  body.search .hua-results-list .hua-card-facts > div,
  body.item:not(.item-post) .similar_ads .hua-card-facts > div {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 3px 6px;
    overflow: hidden;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.search .hua-results-list .hua-card-facts > div:nth-child(n+3),
  body.item:not(.item-post) .similar_ads .hua-card-facts > div:nth-child(n+3) { display: none; }

  body.search .hua-results-list .hua-card-footer,
  body.item:not(.item-post) .similar_ads .hua-card-footer {
    gap: 6px;
    margin-top: auto;
    padding-top: 7px;
    font-size: 9px;
  }

  body.search .hua-results-list .hua-card-footer > span,
  body.item:not(.item-post) .similar_ads .hua-card-footer > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.search .hua-results-list .hua-card-footer > a,
  body.item:not(.item-post) .similar_ads .hua-card-footer > a { flex: 0 0 auto; }

  body.search .hua-results-list .hua-card-badge,
  body.item:not(.item-post) .similar_ads .hua-card-badge {
    top: 8px;
    left: 8px;
    max-width: calc(100% - 16px);
    padding: 5px 7px;
    overflow: hidden;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 360px) {
  body.search .hua-results-list .hua-vertical-card,
  body.item:not(.item-post) .similar_ads .hua-vertical-card {
    min-height: 164px;
    grid-template-columns: 104px minmax(0, 1fr);
  }

  body.search .hua-results-list .hua-vertical-card-media,
  body.search .hua-results-list .hua-card-placeholder,
  body.search .hua-results-list .hua-vertical-card-body,
  body.item:not(.item-post) .similar_ads .hua-vertical-card-media,
  body.item:not(.item-post) .similar_ads .hua-card-placeholder,
  body.item:not(.item-post) .similar_ads .hua-vertical-card-body { min-height: 164px; }

  body.search .hua-results-list .hua-card-topline time,
  body.item:not(.item-post) .similar_ads .hua-card-topline time,
  body.search .hua-results-list .hua-card-facts > div:nth-child(n+2),
  body.item:not(.item-post) .similar_ads .hua-card-facts > div:nth-child(n+2),
  body.search .hua-results-list .hua-card-detail-label,
  body.item:not(.item-post) .similar_ads .hua-card-detail-label { display: none; }

  body.search .hua-results-list .hua-card-price,
  body.item:not(.item-post) .similar_ads .hua-card-price { font-size: 15px; }

  .hua-item-action-bar .hua-item-action span {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  .hua-item-action-bar .hua-item-action.is-primary {
    padding-inline: 11px;
    flex-direction: row;
    gap: 6px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
  }

  .hua-item-action-bar .hua-item-action.is-primary .hua-icon { width: 18px; height: 18px; }
  .hua-item-action-bar .hua-item-action.is-primary span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

@media (max-width: 350px) {
  .hua-item-action-bar .hua-item-action.is-primary { padding-inline: 8px; gap: 4px; font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .hua-professional-fields > summary .hua-icon { transition: none; }
}