/* GastroInox Wunschliste & Vergleich */
.gi-wl-actions { display: flex; gap: 8px; margin: 8px 0; flex-wrap: wrap; }
.gi-wl-actions.is-compact { padding: 0 16px 12px; }
.gi-wl-btn, .gi-cmp-btn {
	display: inline-flex; align-items: center; gap: 6px;
	background: #fff; border: 1px solid var(--gi-steel, #e2e8f0);
	border-radius: var(--gi-radius, .25rem); padding: 6px 10px;
	font-size: 13px; cursor: pointer; color: var(--gi-on-surface-variant, #43474e);
	font-family: var(--gi-font-body, sans-serif);
}
.gi-wl-btn:hover, .gi-cmp-btn:hover { border-color: var(--gi-primary, #000c1c); }
.gi-wl-btn.is-active { color: var(--gi-error, #db1420); border-color: var(--gi-error, #db1420); }
.gi-wl-btn.is-active .gi-wl-ico { color: var(--gi-error, #db1420); }
.gi-cmp-btn.is-active { color: var(--gi-orange, #ff6600); border-color: var(--gi-orange, #ff6600); }

/* Header-Zähler */
.gi-header-actions .gi-count {
	background: var(--gi-orange, #ff6600); color: #fff; border-radius: 9999px;
	font-size: 11px; min-width: 18px; height: 18px; display: inline-grid; place-items: center; padding-inline: 4px;
}

/* Vergleichsleiste */
.gi-compare-bar {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
	background: var(--gi-primary, #000c1c); color: #fff;
	display: none; align-items: center; justify-content: center; gap: 20px;
	padding: 12px 16px; box-shadow: 0 -4px 12px rgba(0,35,65,.15);
}
.gi-compare-bar.is-visible { display: flex; }
.gi-compare-bar__clear { background: none; border: 0; color: rgba(255,255,255,.7); cursor: pointer; font-size: 13px; }

/* Vergleichstabelle */
.gi-compare-table-wrap { overflow-x: auto; }
.gi-compare-table { border-collapse: collapse; width: 100%; min-width: 600px; }
.gi-compare-table th, .gi-compare-table td {
	border: 1px solid var(--gi-steel, #e2e8f0); padding: 12px; text-align: left; vertical-align: top;
	font-family: var(--gi-font-mono, monospace); font-size: 13px;
}
.gi-compare-table thead th { background: var(--gi-surface, #f7f9fb); text-align: center; }
.gi-compare-table thead img { max-width: 120px; height: auto; margin: 0 auto 8px; }
.gi-compare-name { display: block; font-family: var(--gi-font-body, sans-serif); font-weight: 600; font-size: 14px; }
.gi-compare-price { display: block; color: var(--gi-error, #db1420); font-weight: 700; margin-top: 4px; }
.gi-compare-table tbody th { background: var(--gi-surface, #f7f9fb); color: var(--gi-on-surface-variant, #43474e); }
.gi-compare-table tbody tr:nth-child(even) td { background: #fff; }