.catlo-listing-card {
    --catlo-listing-card-outline:rgba(15,23,42,.12);
    display:flex;
    position:relative;
    min-width:0;
    overflow:hidden;
    flex-direction:column;
    border:1px solid var(--catlo-color-border);
    border-radius:var(--catlo-radius-lg);
    background:var(--catlo-color-surface);
    box-shadow:var(--catlo-shadow-sm);
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
  }
  .catlo-listing-card[data-catlo-card-outline="1"]::after {
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    border:1px solid var(--catlo-listing-card-outline);
    border-radius:inherit;
    pointer-events:none;
  }
  .catlo-listing-card__link,
  .catlo-listing-card__link:hover,
  .catlo-listing-card__link:focus,
  .catlo-listing-card__link:visited {
    display:block;
    min-width:0;
    color:var(--catlo-color-text);
    text-decoration:none;
  }
  .catlo-listing-card__link:hover .catlo-listing-card__title {
    color:var(--catlo-color-primary-hover,#087fa5);
    text-decoration:none;
  }
  .catlo-listing-card__link:focus-visible {
    outline:3px solid color-mix(in srgb,var(--catlo-color-focus) 32%,transparent);
    outline-offset:-3px;
    border-radius:inherit;
  }
  .catlo-listing-image {
    --catlo-listing-image-bleed:2px;
    --catlo-listing-image-bleed-low-res:0px;
    display:grid;
    position:relative;
    width:100%;
    aspect-ratio:4/3;
    overflow:hidden;
    place-items:center;
    background:#edf4f6;
  }
  .catlo-listing-image__media {
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    margin:0;
    object-fit:cover;
    background:#edf4f6;
  }
  .catlo-listing-image[data-catlo-image-adaptive="1"] .catlo-listing-image__media {
    object-fit:contain;
  }
  .catlo-listing-image[data-catlo-image-adaptive="1"][data-catlo-image-fit="cover"] .catlo-listing-image__media {
    object-fit:cover;
  }
  .catlo-listing-image[data-catlo-image-adaptive="1"][data-catlo-image-fit="scale-down"] .catlo-listing-image__media {
    object-fit:scale-down;
  }
  .catlo-listing-image[data-catlo-image-micro-bleed="1"][data-catlo-image-fit="contain"][data-catlo-image-quality="sufficient"][data-catlo-image-state="loaded"][data-catlo-fit-axis="block"] .catlo-listing-image__media {
    inset:calc(-1 * var(--catlo-listing-image-bleed)) 0;
    width:100%;
    height:calc(100% + (2 * var(--catlo-listing-image-bleed)));
    max-height:none;
  }
  .catlo-listing-image[data-catlo-image-micro-bleed="1"][data-catlo-image-fit="contain"][data-catlo-image-quality="sufficient"][data-catlo-image-state="loaded"][data-catlo-fit-axis="inline"] .catlo-listing-image__media {
    inset:0 calc(-1 * var(--catlo-listing-image-bleed));
    width:calc(100% + (2 * var(--catlo-listing-image-bleed)));
    min-width:calc(100% + (2 * var(--catlo-listing-image-bleed)));
    height:100%;
    max-width:none;
  }
  .catlo-listing-image__fallback {
    display:flex;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    box-sizing:border-box;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:8px;
    color:#55727a;
    background:linear-gradient(145deg,#edf7f5,#eaf0f5);
    text-align:center;
  }
  .catlo-listing-image__fallback[hidden] { display:none; }
  .catlo-listing-image__fallback--category { background:linear-gradient(145deg,#e9f6f2,#e8f0f6); }
  .catlo-listing-image__fallback-icon {
    width:34px;
    height:34px;
    fill:none;
    stroke:#397c75;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:1.55;
  }
  .catlo-listing-image__fallback-text {
    color:#5f747b;
    font-size:12px;
    font-weight:600;
    line-height:1.3;
  }
  .catlo-listing-card__body,
  .catlo-listing-card__content {
    display:grid;
    min-width:0;
    gap:var(--catlo-space-2);
    padding:var(--catlo-space-3);
  }
  .catlo-listing-card__title {
    display:-webkit-box;
    min-height:2.5em;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color:var(--catlo-color-text);
    font-weight:600;
    line-height:var(--catlo-line-height-tight);
    text-decoration:none;
    transition:color .15s ease;
  }
  .catlo-listing-card__price {
    overflow:hidden;
    color:var(--catlo-color-text);
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .catlo-listing-card__meta,
  .catlo-listing-card__location {
    overflow:hidden;
    color:var(--catlo-color-text-muted);
    font-size:var(--catlo-font-size-sm);
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .catlo-listing-card__seller { min-width:0;padding:0 var(--catlo-space-3); }
  .catlo-listing-card__seller .catlo-feed-card__seller-trigger {
    display:flex;
    min-width:0;
    min-height:40px;
    align-items:center;
    gap:7px;
    color:var(--catlo-color-text-muted);
    font-size:13px;
    text-decoration:none;
  }
  .catlo-listing-card__seller .catlo-feed-card__seller-trigger:hover,
  .catlo-listing-card__seller .catlo-feed-card__seller-trigger:focus,
  .catlo-listing-card__seller .catlo-feed-card__seller-trigger:visited { text-decoration:none; }
  .catlo-listing-card__seller .catlo-feed-card__seller-trigger img {
    display:block;
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:50%;
    object-fit:cover;
  }
  .catlo-listing-card__seller .catlo-feed-card__seller-name {
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .catlo-listing-card__actions {
    display:flex;
    gap:var(--catlo-space-2);
    margin-top:auto;
    padding:var(--catlo-space-2) var(--catlo-space-3) var(--catlo-space-3);
  }
  .catlo-listing-card--compact .catlo-listing-image { aspect-ratio:16/9; }
  .catlo-listing-card--explore { overflow:visible; }
  .catlo-listing-card--explore .catlo-listing-card__link { flex:1; }
  .catlo-listing-card--explore .catlo-listing-card__title { -webkit-line-clamp:3; }
  .catlo-listing-card--explore .catlo-listing-card__reason { color:#087f6f;font-size:12.5px;font-weight:700;line-height:1.35; }
  .catlo-ui-button--primary-pill {
    display:inline-flex;
    width:auto;
    min-height:44px;
    padding:0 22px;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    border:1px solid #087fa5;
    border-radius:999px;
    background:#087fa5;
    color:#fff;

    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
    text-decoration:none;
    cursor:pointer;
    transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
  }
  .catlo-ui-button--primary-pill:hover { border-color:#066b89;background:#066b89;color:#fff;text-decoration:none; }
  .catlo-ui-button--primary-pill:focus-visible { outline:3px solid rgba(8,127,165,.28);outline-offset:3px; }
  .catlo-ui-button--primary-pill:disabled,
  .catlo-ui-button--primary-pill[aria-disabled="true"] { cursor:wait;opacity:.62; }
  .catlo-listing-card--explore .catlo-listing-card__actions { display:flex;align-items:center;justify-content:flex-start;gap:8px; }
  .catlo-ui-button--follow-compact {
    display:inline-flex;
    width:auto;
    min-width:0;
    min-height:38px;
    padding:0 14px;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    border:1px solid #087f6f;
    border-radius:999px;
    background:#087f6f;
    color:#fff;

    font-size:13px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
    word-break:normal;
    writing-mode:horizontal-tb;
    cursor:pointer;
  }
  .catlo-ui-button--follow-compact:hover { border-color:#066b5f;background:#066b5f;color:#fff; }
  .catlo-ui-menu-trigger--bare-ellipsis {
    display:grid;
    width:42px;
    min-width:42px;
    height:42px;
    min-height:42px;
    padding:0;
    border:0;
    border-radius:8px;
    place-items:center;
    background:transparent;
    box-shadow:none;
    cursor:pointer;
    list-style:none;
  }
  .catlo-ui-menu-trigger--bare-ellipsis:hover { background:#eef7f5; }
  .catlo-ui-menu-trigger--bare-ellipsis:focus-visible { outline:3px solid rgba(8,127,111,.28);outline-offset:2px; }
  .catlo-listing-card--explore .catlo-feed-card__menu summary::-webkit-details-marker { display:none; }
  @media (hover:hover) and (pointer:fine) {
    .catlo-listing-card:hover { border-color:#c5d2da;box-shadow:0 8px 22px rgba(15,23,42,.07);transform:translateY(-1px); }
  }
  @media (prefers-reduced-motion:reduce) {
    .catlo-listing-card { transition:none; }
    .catlo-listing-card:hover { transform:none; }
  }