/* ============================================================
   OCEYA — Seite «Wo kaufen» (ergänzt styles.css, product.css, products.css)
   ============================================================ */
.wb-list { max-width: var(--maxw); margin: 0 auto; padding: 0 var(--pad-x) clamp(90px, 10vw, 140px); }
.wb-head {
  display: grid; grid-template-columns: 1fr 1fr; column-gap: 72px; align-items: end;
  border-top: 1px solid var(--line); padding-top: 40px; margin-bottom: 40px;
}
.wb-head h2 { margin: 0; }
.wb-head p { margin: 0; }
.wb-list .pl-filter { margin-bottom: 28px; }
.wb-list .pl-filter[hidden] { display: none; }

.wb-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.wb-card {
  display: flex; flex-direction: column; gap: 4px;
  padding: 28px 30px 30px; background: var(--bg-2); border: 1px solid transparent;
  transition: border-color .2s, background .2s;
  animation: plIn .45s ease both;
}
.wb-card:hover { border-color: var(--accent); background: #fff; }
.wb-country { font-size: 10.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.wb-card strong { font-size: 24px; font-weight: 500; letter-spacing: -.01em; margin-top: 10px; }
.wb-type { font-size: 14px; color: var(--ink-2); }
.wb-addr { font-size: 14px; color: var(--muted); }
.wb-card .link-accent { margin-top: auto; align-self: flex-start; }
.wb-card .wb-addr { margin-bottom: 22px; }
.wb-card.is-more { background: none; border: 1px dashed #c4c6c8; }
.wb-card.is-more:hover { border-color: var(--accent); border-style: solid; }
.wb-card.is-more .wb-type { margin: 6px 0 22px; max-width: 26em; }

.wb-join-title { color: #fff; font-size: 22px; font-weight: 500; margin: 36px 0 10px; }
.wb-dist .pd-where-list { display: grid; gap: 16px; }

@media (max-width: 1000px) {
  .wb-grid { grid-template-columns: repeat(2, 1fr); }
  .wb-head { grid-template-columns: 1fr; row-gap: 16px; }
}
@media (max-width: 600px) {
  .wb-grid { grid-template-columns: 1fr; }
  .wb-card { padding: 24px; }
  .wb-card strong { font-size: 22px; }
}