/* ═══════════════════════════════════════════════════════════════
   FLASCHENFINDER | wine_page.css (Weinseite /weine/<slug>/ und
   "Andere Jahrgänge" auf der Angebotsseite). Baut auf detail.css auf.
   ═══════════════════════════════════════════════════════════════ */
.ff-wine__top {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin: 8px 0 24px;
}
.ff-wine__image {
    flex: 0 0 auto;
    width: 96px;
    height: auto;
    max-height: 200px;
    object-fit: contain;
}
@media (min-width: 768px) { .ff-wine__image { width: 160px; max-height: 280px; } }
.ff-wine__lead {
    margin: 14px 0 0;
    line-height: 1.6;
    color: var(--ff-text);
    max-width: 70ch;
}

.ff-wine__tablewrap { position: relative; overflow-x: auto; }  /* relative: haelt .sr-only im Scrollbereich */
.ff-wine__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}
.ff-wine__table th,
.ff-wine__table td {
    text-align: left;
    padding: 10px 8px;
    border-bottom: 1px solid var(--ff-border-light);
    white-space: nowrap;
}
.ff-wine__table thead th { font-size: 13px; font-weight: 600; color: var(--ff-text-light); }
.ff-wine__table .ff-num { text-align: right; font-variant-numeric: tabular-nums; }
.ff-wine__table .pdp-link { min-height: 0; }
.ff-wine__table tr.is-inactive th,
.ff-wine__muted { color: var(--ff-text-light); }

/* Angebotsseite: andere Jahrgänge desselben Weins */
.ff-variants { margin: 0 0 8px; padding: 0; list-style: none; display: grid; gap: 8px; }
@media (min-width: 768px) { .ff-variants { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ff-variants__link {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--ff-border-light);
    border-radius: var(--ff-radius-md);
    background: var(--ff-bg);
    color: var(--ff-text);
    text-decoration: none;
}
.ff-variants__link:hover { border-color: var(--ff-primary); }
.ff-variants__price { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ff-variants__meta { font-size: 13px; color: var(--ff-text-light); }