.tl-category-hero.module-marketplace { background-color: var(--ink); }

/*-- Product Card Row */
.card-product-row { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: 0.9rem; }

.card-product-img { width: 80px; height: 80px; border-radius: var(--tl-radius); background: var(--sand); display: flex; align-items: center; justify-content: center; font-size: 1.8rem; flex-shrink: 0; border: 1px solid var(--sand-dark); }

.card-product-info { flex: 1; }

.card-product-title { font-weight: 700; font-size: 0.95rem; color: var(--ink); margin-bottom: 0.2rem; }

.card-product-desc { font-size: 0.82rem; color: var(--ink-light); line-height: 1.5; margin-bottom: 0.4rem; }

.card-product-price { font-size: 1.1rem; font-weight: 700; color: var(--clay-dark); }

/*-- Product Grid (profile tab) */
.tl-product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; }

.tl-product-card { background: var(--white); border-radius: var(--tl-radius); border: 1px solid var(--sand-dark); overflow: hidden; transition: box-shadow 0.2s, transform 0.15s; cursor: pointer; }

.tl-product-card:hover { box-shadow: 0 6px 24px rgba(30, 26, 22, 0.09); transform: translateY(-2px); }

.tl-product-thumb { height: 130px; background: var(--sand); display: flex; align-items: center; justify-content: center; font-size: 3rem; }

.tl-product-details { padding: 0.9rem; }

.tl-product-name { font-weight: 700; font-size: 0.88rem; color: var(--ink); margin-bottom: 0.2rem; }

.tl-product-price { font-size: 1rem; font-weight: 700; color: var(--clay); }

.tl-product-sold { font-size: 0.72rem; color: var(--ink-light); }


/*-- Account/Profile: Mobile Responsive */
@media (max-width: 930px) {
.tl-product-grid { grid-template-columns: 1fr; }
}

/*-- Page Manager tags narrow sidebar columns with .is-condensed (e.g. the
     /feed sidebar's 440px column). Inside those columns the four content
     modules' featured cards drop their description body so the card collapses
     to title + meta only. Wider columns (homepage main grid) keep the
     description. CSS-only - no per-module render-path branch needed.
     .card-text covers businesses/events/marketplace; .card-description covers news. */
.is-condensed .module-marketplace .list-wrapper .item .card-text { display: none; }


/*-- Responsive: Phone (existing rules) */
@media (max-width: 375px) {
.tl-product-grid { grid-template-columns: 1fr; }
}