/** rows.css */
/* ── Row A ───────────────────────────────────────────────────────────────────*/
.hui-row-a {
    display: flex;
    border: 1px solid var(--hui-rule);
    cursor: pointer;
    transition: box-shadow 0.2s;
    background: var(--hui-white);
    font-family: var(--hui-font-body);
}

.hui-row-a:hover { box-shadow: 0 4px 20px rgba(30,45,61,0.1); }

.hui-row-a-thumb {
    position: relative;
    flex: 0 0 240px;
    max-height: 200px;
    overflow: hidden;
    background: var(--hui-warm);
}

.hui-row-a-thumb img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.hui-row-a:hover .hui-row-a-thumb img { transform: scale(1.03); }

.hui-row-a-body {
    flex: 1;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.hui-row-a-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.hui-row-a-headline {
    font-family: var(--hui-font-disp);
    font-style: italic;
    font-size: 0.9rem;
    color: var(--hui-muted);
    margin-top: 4px;
}

.hui-row-badges { display: flex; flex-direction: column; gap: 4px; flex-shrink: 0; }

.hui-row-a-prices {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.hui-row-price-label {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--hui-muted);
}

.hui-row-price-sep { color: var(--hui-rule); }

/* ── Row B ───────────────────────────────────────────────────────────────────*/
.hui-row-b {
    display: flex;
    align-items: center;
    border: 1px solid var(--hui-rule);
    cursor: pointer;
    transition: box-shadow 0.2s;
    background: var(--hui-white);
    font-family: var(--hui-font-body);
}

.hui-row-b:hover { box-shadow: 0 4px 20px rgba(30,45,61,0.1); }

.hui-row-b-identity {
    flex: 1 1 0;
    padding: 16px 20px;
    min-width: 0;
    border-right: 1px solid var(--hui-rule);
}

.hui-row-b-badges { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 6px; }
.hui-row-b-subtype { font-size: 0.78rem; color: var(--hui-muted); margin-top: 4px; }

.hui-row-b-stats {
    display: flex;
    flex: 0 0 auto;
    border-right: 1px solid var(--hui-rule);
}

.hui-row-b-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 20px;
    border-right: 1px solid var(--hui-rule);
    gap: 2px;
}

.hui-row-b-stat:last-child { border-right: none; }
.hui-row-b-stat-value { font-size: 1rem; font-weight: 500; color: var(--hui-heading); white-space: nowrap; }
.hui-row-b-stat-label { font-size: 0.62rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--hui-muted); }

.hui-row-b-price {
    flex: 0 0 auto;
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
}

.hui-row-b-price-group { display: flex; flex-direction: column; align-items: flex-end; }
.hui-row-b-price-label { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--hui-muted); }
.hui-row-b-price-value { font-family: var(--hui-font-disp); font-size: 1.15rem; color: var(--hui-accent); white-space: nowrap; }