:root {
  --forest-950: #1c261d;
  --forest-900: #263225;
  --forest-800: #31402e;
  --forest-700: #43543d;
  --olive-500: #7d8762;
  --bark-700: #6a5038;
  --bark-500: #8a6b4d;
  --cream-50: #fbf9f3;
  --cream-100: #f5f1e6;
  --cream-200: #ece5d5;
  --ink: #2c2b25;
  --muted: #766f62;
  --line: rgba(53, 55, 44, 0.14);
  --shadow-sm: 0 8px 24px rgba(40, 42, 33, 0.08);
  --shadow-md: 0 16px 46px rgba(34, 38, 30, 0.12);
  --radius: 18px;
  --shell: 1420px;
}

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--cream-100);
  color: var(--ink);
  overflow-x: hidden;
}
button, input, select { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
.shell { width: min(var(--shell), calc(100% - 40px)); margin-inline: auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(28, 38, 29, 0.97);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
}
.topbar {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #f7f0dc;
  text-decoration: none;
  min-width: 0;
}
.brand-mark {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font: 23px/1 Georgia, serif;
  background: rgba(255,255,255,.05);
}
.brand-copy strong,
.brand-copy small { display: block; }
.brand-copy strong { font-size: .98rem; letter-spacing: .01em; }
.brand-copy small { margin-top: 1px; font-size: .74rem; color: rgba(247,240,220,.66); }

.language-switch {
  display: flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
}
.lang-btn {
  width: 38px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  color: rgba(247,240,220,.78);
  background: transparent;
  cursor: pointer;
  font-weight: 800;
  font-size: .78rem;
}
.lang-btn:hover { color: #fff; }
.lang-btn.active { color: var(--forest-950); background: #f0e7d2; }

.hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(184, 166, 117, .18), transparent 27rem),
    linear-gradient(135deg, var(--forest-900), #33412f 62%, #4a4532);
  color: #f7f0dc;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.hero-inner {
  min-height: 238px;
  display: flex;
  align-items: center;
  padding-block: 36px 42px;
}
.hero-copy { max-width: 920px; }
.eyebrow {
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .68rem;
  font-weight: 800;
  color: rgba(247,240,220,.62);
}
h1 {
  margin: 0;
  font: 700 clamp(2.2rem, 4.3vw, 4rem)/.98 Georgia, "Times New Roman", serif;
  letter-spacing: -.025em;
}
.lead {
  max-width: 760px;
  margin: 14px 0 0;
  color: rgba(247,240,220,.78);
  font-size: clamp(.95rem, 1.3vw, 1.08rem);
  line-height: 1.55;
}
.meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  color: rgba(247,240,220,.74);
  font-size: .88rem;
}
.meta-row strong { color: #fff8e8; }
.meta-separator { opacity: .35; }

.catalog-section { padding-block: 24px 64px; }
.filter-panel {
  display: grid;
  grid-template-columns: minmax(260px, 1.45fr) minmax(160px, .72fr) minmax(250px, 1.1fr) minmax(160px, .7fr) auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(251, 249, 243, .94);
  box-shadow: var(--shadow-sm);
}
.field, .search-field { min-width: 0; }
.field label, .search-field label {
  display: block;
  margin: 0 0 6px 2px;
  color: var(--muted);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.input-wrap { position: relative; }
.search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #8a826f;
  font-size: 1.08rem;
  pointer-events: none;
}
input, select {
  width: 100%;
  min-width: 0;
  height: 44px;
  border: 1px solid rgba(63, 66, 52, .16);
  border-radius: 12px;
  background: #fffdf8;
  color: var(--ink);
  outline: none;
  padding: 0 12px;
}
.search-wrap input { padding-left: 38px; }
input:focus, select:focus {
  border-color: rgba(67,84,61,.68);
  box-shadow: 0 0 0 3px rgba(67,84,61,.11);
}
.reset-btn {
  height: 44px;
  border: 1px solid #35432f;
  border-radius: 12px;
  padding: 0 16px;
  background: #35432f;
  color: #fbf6e8;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}
.reset-btn:hover { background: #263225; }

.catalog-toolbar {
  min-height: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 11px 3px 8px;
  color: var(--muted);
  font-size: .84rem;
}
.catalog-toolbar p { margin: 0; }
.catalog-toolbar strong { color: var(--ink); }
.view-note { text-align: right; }

.catalog-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
.card {
  position: relative;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(72, 81, 62, .18);
  border-radius: 22px;
  background: #fbf9f3;
  box-shadow: 0 10px 26px rgba(35, 42, 32, .07), 0 1px 0 rgba(255,255,255,.75) inset;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  cursor: pointer;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 42px rgba(35, 42, 32, .14);
  border-color: rgba(53, 67, 47, .3);
}
.card-media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #d8d1bf;
  border-bottom: 1px solid rgba(113, 111, 94, .12);
}
.card-media::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 42px;
  background: linear-gradient(to top, rgba(24,33,25,.12), transparent);
  pointer-events: none;
}
.card-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  background: #d8d1bf;
  transition: transform .28s ease;
}
.card:hover .card-image { transform: scale(1.018); }
.box-badge {
  position: absolute;
  top: 11px;
  right: 11px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 48px;
  padding: 5px 9px 5px 7px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(33, 47, 34, .92);
  color: #fff8e8;
  box-shadow: 0 6px 18px rgba(20,25,20,.17);
  backdrop-filter: blur(6px);
}
.box-badge-label {
  font-size: .52rem;
  font-weight: 800;
  letter-spacing: .11em;
  opacity: .68;
}
.box-badge-number {
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .02em;
}
.box-badge-pending {
  background: rgba(102, 72, 45, .9);
}
.box-tag { background: #dfe4d6; color: #31402e; }
.card-body {
  flex: 1;
  display: grid;
  grid-template-rows: auto auto auto auto auto;
  align-content: start;
  gap: 8px;
  padding: 16px 16px 15px;
}
.genus-line {
  margin: 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #7b8167;
  font-size: .64rem;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.genus-name {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.former-inline {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 58%;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  border: 1px solid rgba(99, 94, 77, .16);
  border-radius: 999px;
  background: rgba(236, 232, 220, .62);
  color: #797365;
  font-size: .61rem;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.1;
  text-transform: none;
  vertical-align: middle;
}
.former-inline-prefix {
  flex: 0 0 auto;
  color: #9a7156;
  font-style: italic;
  font-weight: 800;
}
.former-inline-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.former-inline-more {
  flex: 0 0 auto;
  font-size: .58rem;
  font-weight: 900;
  color: #665f52;
}
.card h2 {
  margin: 0;
  min-height: 2.35em;
  font: 700 1.02rem/1.16 Georgia, "Times New Roman", serif;
  color: #282a24;
  overflow-wrap: anywhere;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 3px;
  overflow: hidden;
}
.name-main {
  display: block;
  font-style: italic;
  color: #232820;
}
.name-variant {
  display: block;
  font-size: .84rem;
  line-height: 1.18;
  font-weight: 800;
  letter-spacing: .045em;
  color: #5e634d;
  text-transform: uppercase;
}
.former {
  margin: 0;
  min-width: 0;
  min-height: 1.5em;
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--muted);
  font-size: .75rem;
  line-height: 1.2;
  overflow: hidden;
}
.former strong {
  flex: 0 0 auto;
  font-weight: 700;
}
.former-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.former-more {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 25px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #ece8dc;
  color: #655f52;
  border: 1px solid rgba(95,91,77,.12);
  font-size: .65rem;
  font-weight: 800;
}
.tags:empty::before { content: ''; display: block; min-height: 24px; }
.tags {
  display: flex;
  gap: 6px;
  flex-wrap: nowrap;
  align-items: center;
  align-content: flex-start;
  margin-top: 0;
  min-height: 26px;
  overflow: hidden;
}
.tag {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  max-width: 100%;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: .67rem;
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid transparent;
}
.status-breeding { background: #edf0e5; color: #3f513d; border-color: #dde3d3; }
.status-available { background: #e6efe6; color: #285039; border-color: #d3e4d5; }
.status-sale { background: #f4eadc; color: #704f2e; border-color: #ead8c0; }
.status-trade { background: #e9ece4; color: #505c47; border-color: #daddd3; }
.status-reserved { background: #f3eddc; color: #705d30; border-color: #e8ddbf; }
.status-unavailable { background: #eee8e4; color: #6a5650; border-color: #e1d7d1; }
.status-request, .status-neutral { background: #eeece4; color: #5b584f; border-color: #dfdcd1; }
.price {
  align-self: stretch;
  margin-top: 0;
  padding: 12px 12px 10px;
  border-top: 1px solid rgba(72,81,62,.1);
  border-radius: 12px;
  background: rgba(239, 235, 222, .48);
  display: grid;
  gap: 3px;
}
.price strong { color: #273126; font-size: .95rem; letter-spacing: -.01em; }
.price small { color: #777163; font-size: .71rem; }
.price-hidden { background: rgba(239, 235, 222, .32); }
.price-hidden strong { color: #786d5c; font-weight: 700; }
.price-empty { visibility: hidden; background: transparent; border-color: transparent; }

.load-more-wrap { display: flex; justify-content: center; padding-top: 28px; }
.load-more-btn {
  min-width: 210px;
  border: 1px solid rgba(53,67,47,.2);
  border-radius: 999px;
  padding: 11px 22px;
  background: #fffdf8;
  color: #34402f;
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  font-weight: 850;
}
.load-more-btn small { display: block; margin-top: 2px; color: var(--muted); font-weight: 600; font-size: .68rem; }
.empty-state { text-align: center; padding: 70px 20px; color: var(--muted); }

.footer { background: var(--forest-950); color: #f3ecd9; }
.footer-inner {
  min-height: 112px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  padding-block: 24px;
}
.footer strong { font: 700 1.18rem Georgia, serif; }
.footer p { margin: 5px 0 0; color: rgba(243,236,217,.62); font-size: .82rem; }
.contact-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.contact-links a {
  color: #f3ecd9;
  text-decoration: none;
  border: 1px solid rgba(243,236,217,.16);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: .76rem;
}
.contact-links a:hover { background: rgba(255,255,255,.06); }

.item-dialog {
  width: min(760px, calc(100% - 28px));
  max-height: min(86vh, 860px);
  padding: 0;
  border: 0;
  border-radius: 22px;
  overflow: auto;
  background: var(--cream-50);
  color: var(--ink);
  box-shadow: 0 30px 80px rgba(15,20,15,.3);
}
.item-dialog::backdrop { background: rgba(20,26,20,.66); backdrop-filter: blur(3px); }
.dialog-close {
  position: sticky;
  float: right;
  top: 12px;
  margin: 12px 12px -52px 0;
  z-index: 2;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: rgba(28,38,29,.9);
  color: white;
  font-size: 1.35rem;
  cursor: pointer;
}
.dialog-media { aspect-ratio: 16 / 9; background: #d8d1bf; }
.dialog-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dialog-body { padding: 22px; }
.dialog-body h2 { margin: 0; font: 700 clamp(1.55rem,4vw,2.15rem)/1.08 Georgia, serif; display: flex; flex-direction: column; gap: 6px; }
.dialog-body .name-main { font-style: italic; }
.dialog-body .name-variant { font-size: .9rem; letter-spacing: .05em; }
.dialog-former { margin-top: 14px; color: var(--muted); font-size: .85rem; }
.dialog-former > strong { display: block; margin-bottom: 7px; color: #5d594f; }
.former-list { display: flex; flex-wrap: wrap; gap: 6px; }
.former-chip {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #efecdf;
  border: 1px solid rgba(95,91,77,.12);
  color: #5c5a50;
  font-size: .77rem;
}
.dialog-body .tags { margin-top: 14px; }
.dialog-body .price { margin-top: 16px; }

@media (max-width: 1180px) {
  .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .filter-panel { grid-template-columns: minmax(250px, 1.4fr) minmax(150px,.75fr) minmax(230px,1fr) minmax(150px,.7fr); }
  .reset-btn { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  .shell { width: min(var(--shell), calc(100% - 26px)); }
  .hero-inner { min-height: 210px; padding-block: 28px 34px; }
  .filter-panel { grid-template-columns: 1fr 1fr; }
  .field-wide, .species-field { grid-column: 1 / -1; }
  .reset-btn { grid-column: 1 / -1; }
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-toolbar { align-items: flex-start; }
}
@media (max-width: 560px) {
  .shell { width: min(var(--shell), calc(100% - 20px)); }
  .topbar { min-height: 62px; }
  .brand-mark { width: 34px; height: 34px; font-size: 20px; }
  .brand-copy small { display: none; }
  .language-switch { gap: 0; }
  .lang-btn { width: 34px; height: 30px; font-size: .72rem; }
  .hero-inner { min-height: 190px; padding-block: 26px 30px; }
  h1 { font-size: clamp(2.05rem, 10.5vw, 3rem); }
  .lead { font-size: .93rem; }
  .filter-panel { grid-template-columns: 1fr; padding: 10px; border-radius: 16px; }
  .field-wide, .species-field, .reset-btn { grid-column: auto; }
  .catalog-toolbar { flex-direction: column; gap: 4px; padding: 12px 2px 9px; }
  .view-note { text-align: left; }
  .catalog-grid { grid-template-columns: 1fr; gap: 12px; }
  .card-body { grid-template-rows: auto auto auto auto auto; gap: 8px; }
  .tags { flex-wrap: nowrap; }
  .card h2 { font-size: 1.08rem; min-height: 2.5em; }
  .footer-inner { flex-direction: column; align-items: flex-start; }
  .contact-links { justify-content: flex-start; }
}

.status-archive { background:#ece6df; color:#70594a; border-color:#ded2c6; }


/* v4.8.6 — wider public status legend; descriptions stay on one line on desktop */
.catalog-toolbar {
  position: relative;
}
.status-legend {
  position: relative;
  margin-left: auto;
}
.status-legend summary {
  list-style: none;
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  border: 1px solid rgba(72,81,62,.14);
  border-radius: 999px;
  background: rgba(251,249,243,.86);
  color: #5e5a4e;
  font-size: .76rem;
  font-weight: 800;
  box-shadow: 0 4px 14px rgba(42,44,35,.04);
}
.status-legend summary::-webkit-details-marker { display: none; }
.status-legend summary::after {
  content: '▾';
  font-size: .72rem;
  opacity: .65;
  transition: transform .16s ease;
}
.status-legend[open] summary::after { transform: rotate(180deg); }
.status-legend-panel {
  position: absolute;
  z-index: 15;
  top: calc(100% + 8px);
  right: 0;
  width: min(720px, calc(100vw - 36px));
  padding: 12px;
  border: 1px solid rgba(72,81,62,.14);
  border-radius: 16px;
  background: #fffdf8;
  box-shadow: 0 18px 44px rgba(33,39,31,.16);
}
.status-legend-item {
  display: grid;
  grid-template-columns: 112px minmax(0,1fr);
  align-items: center;
  gap: 10px;
  padding: 7px 4px;
  color: #696457;
  font-size: .76rem;
  line-height: 1.35;
}
.status-legend-item > span:last-child {
  white-space: nowrap;
}
.status-legend-item + .status-legend-item {
  border-top: 1px solid rgba(72,81,62,.08);
}
.status-legend-item .status-tag {
  justify-content: center;
  width: 100%;
}
@media (max-width: 560px) {
  .catalog-toolbar {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .status-legend-panel {
    position: fixed;
    left: 10px;
    right: 10px;
    top: auto;
    bottom: 12px;
    width: auto;
    max-height: 70vh;
    overflow: auto;
  }
  .status-legend-item {
    grid-template-columns: 96px minmax(0,1fr);
  }
  .status-legend-item > span:last-child {
    white-space: normal;
  }
}

@media (min-width: 561px) and (max-width: 820px) {
  .status-legend-panel {
    width: min(640px, calc(100vw - 28px));
  }
  .status-legend-item > span:last-child {
    white-space: normal;
  }
}

/* v5.0 — pakiety cenowe */
.price-multi{display:grid;gap:4px}
.price-package{display:flex;flex-direction:column;gap:1px}
.price-package+ .price-package{padding-top:4px;border-top:1px solid rgba(53,55,44,.09)}
.price-package strong{font-size:.9rem}
.price-package small{font-size:.68rem}

/* v5.2 — compact cards: former-name row exists only when needed */

/* v5.2.2 — former names live in the genus line, never changing card height */
@media (max-width: 430px) {
  .former-inline { max-width: 52%; padding-inline: 5px; }
}


/* v5.2.3 — no duplicated genus label; former name sits beside the species title */
.card-body {
  grid-template-rows: auto auto auto;
}
.card-title-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 8px;
}
.card-title-row h2 {
  min-width: 0;
}
.card-title-row .former-inline {
  align-self: start;
  margin-top: 1px;
  max-width: 118px;
  padding: 3px 7px;
  font-size: .58rem;
  letter-spacing: 0;
  text-transform: none;
}
.card-title-row .former-inline-prefix {
  font-style: normal;
  font-weight: 750;
  color: #8a6b55;
}
@media (max-width: 430px) {
  .card-title-row {
    column-gap: 6px;
  }
  .card-title-row .former-inline {
    max-width: 96px;
    padding-inline: 6px;
  }
}

/* v6.1.2 — kontakt i zapytania */
.contact-bar {
  margin-top: -18px;
  margin-bottom: 24px;
  padding: 14px 16px;
  border: 1px solid rgba(61,75,55,.13);
  border-radius: 16px;
  background: rgba(255,253,248,.92);
  box-shadow: var(--shadow-sm);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.contact-bar-copy { display: grid; gap: 3px; min-width: 0; }
.contact-bar-copy strong { color: #2e392c; font-size: .9rem; }
.contact-bar-copy span { color: var(--muted); font-size: .76rem; line-height: 1.35; }
.contact-links-top { justify-content: flex-end; flex: 0 0 auto; }
.contact-links-top a, .contact-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  color: #33402f;
  background: #fffdf8;
  text-decoration: none;
  border: 1px solid rgba(53,67,47,.18);
  border-radius: 999px;
  padding: 7px 11px;
  font: inherit;
  font-size: .76rem;
  font-weight: 800;
  cursor: pointer;
}
.contact-links-top a:hover, .contact-button:hover { background: #f3efe3; }

.card-media { position: relative; }
.inquiry-select {
  position: absolute;
  z-index: 4;
  bottom: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 50%;
  background: rgba(29,39,29,.78);
  color: #fff;
  font-size: 1.12rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 4px 14px rgba(15,20,15,.18);
  cursor: pointer;
  backdrop-filter: blur(4px);
}
.inquiry-select:hover { transform: scale(1.04); }
.inquiry-select.selected { background: #6f7f55; }
.card.inquiry-selected { outline: 2px solid rgba(111,127,85,.42); outline-offset: -2px; }

.inquiry-bar {
  position: fixed;
  z-index: 50;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  width: min(760px, calc(100% - 24px));
  padding: 10px 12px 10px 16px;
  border-radius: 999px;
  background: rgba(35,45,34,.96);
  color: #fff;
  box-shadow: 0 18px 42px rgba(15,20,15,.28);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  backdrop-filter: blur(8px);
}
.inquiry-bar[hidden] { display: none; }
.inquiry-bar-actions { display: flex; gap: 7px; }
.inquiry-clear, .inquiry-open, .inquiry-secondary, .inquiry-primary {
  border-radius: 999px;
  padding: 8px 13px;
  font: inherit;
  font-size: .76rem;
  font-weight: 850;
  cursor: pointer;
}
.inquiry-clear { border: 1px solid rgba(255,255,255,.22); background: transparent; color: #fff; }
.inquiry-open { border: 1px solid #e8dcc0; background: #efe4c8; color: #33402f; }

.inquiry-dialog {
  width: min(650px, calc(100% - 28px));
  max-height: min(88vh, 820px);
  border: 0;
  border-radius: 22px;
  padding: 24px;
  background: var(--cream-50);
  color: var(--ink);
  box-shadow: 0 30px 80px rgba(15,20,15,.3);
  overflow: auto;
}
.inquiry-dialog::backdrop { background: rgba(20,26,20,.66); backdrop-filter: blur(3px); }
.inquiry-dialog h2 { margin: 2px 52px 6px 0; font: 700 1.65rem/1.1 Georgia, serif; }
.inquiry-intro { margin: 0 0 14px; color: var(--muted); font-size: .82rem; }
.inquiry-dialog form { display: grid; gap: 12px; }
.inquiry-dialog label { display: grid; gap: 5px; color: #465044; font-size: .76rem; font-weight: 800; }
.inquiry-dialog input, .inquiry-dialog textarea {
  width: 100%;
  border: 1px solid rgba(55,69,49,.18);
  border-radius: 11px;
  padding: 10px 11px;
  background: #fffdf8;
  color: var(--ink);
  font: inherit;
}
.inquiry-dialog textarea { resize: vertical; }
.inquiry-species { display: flex; flex-wrap: wrap; gap: 6px; }
.inquiry-species-chip, .inquiry-general {
  display: inline-flex;
  padding: 6px 9px;
  border-radius: 999px;
  background: #e8ecdf;
  color: #43513d;
  font-size: .72rem;
  font-weight: 800;
}
.inquiry-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 2px; }
.inquiry-secondary { border: 1px solid rgba(53,67,47,.18); background: transparent; color: #44503f; }
.inquiry-primary { border: 1px solid #43513d; background: #43513d; color: #fff; }
.inquiry-primary:disabled { opacity: .55; cursor: wait; }
.inquiry-status { border-radius: 10px; padding: 9px 11px; font-size: .78rem; }
.inquiry-status.success { background: #e8efe4; color: #315033; }
.inquiry-status.error { background: #f3e5e2; color: #7a3733; }
.contact-honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

@media (max-width: 760px) {
  .contact-bar { margin-top: -12px; align-items: flex-start; flex-direction: column; gap: 10px; }
  .contact-links-top { justify-content: flex-start; width: 100%; }
  .inquiry-bar { border-radius: 18px; bottom: 10px; align-items: stretch; flex-direction: column; }
  .inquiry-bar-actions { width: 100%; }
  .inquiry-bar-actions button { flex: 1; }
}

/* v6.1.3 — hidden contact controls must really disappear */
[hidden] { display: none !important; }


/* v6.1.4 — Stworek.pl Branding Pack */
.brand-avatar{width:46px;height:46px;object-fit:cover;border-radius:13px;border:1px solid rgba(255,255,255,.22);background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.16);flex:0 0 auto}.hero-inner{gap:42px}.hero-brand-visual{flex:0 0 clamp(270px,28vw,390px);display:flex;align-items:center}.hero-brand-visual img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 18px 44px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.18)}.hero-copy{min-width:0}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand>img{width:54px;height:54px;object-fit:cover;border-radius:14px;background:#fff;border:1px solid rgba(255,255,255,.12)}
@media(max-width:860px){.hero-inner{gap:24px}.hero-brand-visual{flex-basis:230px}}
@media(max-width:700px){.hero-inner{display:block}.hero-brand-visual{width:min(330px,88vw);margin:0 auto 24px}.hero-copy{text-align:center}.meta-row{justify-content:center}.lead{margin-left:auto;margin-right:auto}.brand-avatar{width:40px;height:40px;border-radius:11px}}
@media(max-width:420px){.hero-brand-visual{width:min(290px,92vw)}.brand-copy small{display:none}}

/* v6.4.6 unified language switcher */
.stworek-lang-wrap{display:inline-flex;align-items:center;padding:2px!important;border-radius:9px!important;background:rgba(110,120,130,.10)!important;color:inherit!important;border:1px solid rgba(125,130,135,.23)!important;max-width:100%;width:auto!important;box-shadow:none!important}
.stworek-language-options{display:inline-flex;align-items:center;gap:2px;max-width:100%}
.stworek-lang-option{appearance:none!important;min-width:30px;min-height:30px;padding:5px 6px!important;font:600 11px/1.2 inherit!important;line-height:1!important;color:inherit!important;opacity:.7;background:transparent!important;border:0!important;border-radius:6px!important;box-shadow:none!important;cursor:pointer}
.stworek-lang-option.is-active{opacity:1;background:rgba(125,130,135,.24)!important}
.stworek-lang-option:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:390px){.stworek-lang-option{min-width:27px;padding:4px!important;font-size:10px!important}}

/* Stworek 6.5 — photo-first public catalog */
:root {--forest-950:#111e1a;--forest-900:#1c2d26;--forest-800:#263e34;--cream-100:#e9ebe6;--cream-50:#fbfcf8;--ink:#162923;--muted:#5d6f67;--shadow-md:0 18px 50px #182e2420}
body{background:linear-gradient(180deg,#e9ede6,#f6f7f2 500px)}
.site-header{background:#111e1aef}
.hero{background:radial-gradient(circle at 78% 45%,#3a65533b,transparent 37%),linear-gradient(110deg,#12251e,#274236);color:#f6f5e9}
.hero-inner{padding-block:58px 65px;min-height:315px}
.hero h1{font:500 clamp(2.8rem,5vw,5rem)/1.02 Georgia,serif;letter-spacing:-.045em}
.catalog-grid{gap:22px;grid-template-columns:repeat(4,minmax(0,1fr))}
.card{border:1px solid #28463818;background:#fff;border-radius:13px;box-shadow:0 10px 26px #1b352510}
.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #1b352527}
.card-media{background:#e1e8dd;aspect-ratio:1/1}
.card-media img{object-fit:cover}
.card-body{padding:18px}
.card h2{font-family:Georgia,serif;font-size:1.24rem;font-weight:600;line-height:1.2}
.v65-photo-count{position:absolute;bottom:12px;left:12px;border-radius:99px;background:#192e24d9;color:#fff;padding:5px 11px;font-size:.78rem;font-weight:700;z-index:2}
.v65-view-switch{display:inline-flex;align-items:center;background:#fff;border:1px solid #ccd5c8;border-radius:12px;padding:4px;gap:3px;margin-left:auto}
.v65-view-switch button{border:0;background:transparent;color:#45584e;border-radius:8px;cursor:pointer;padding:9px 14px}
.v65-view-switch button.is-active{background:#203e31;color:#fff}
.catalog-grid.v65-list{display:flex;flex-direction:column;gap:8px}
.v65-list .card{display:flex;flex-direction:row;height:auto;border-radius:11px;align-items:stretch;min-height:110px}
.v65-list .card-media{flex:0 0 125px;width:125px;min-height:110px;aspect-ratio:auto}
.v65-list .card-body{flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 24px}
.v65-list .card h2{min-height:0;margin:0}.v65-list .card-title-row{flex:2}.v65-list .price{flex:1;min-width:150px}
.v65-list .card .inquiry-select{right:8px;top:8px}
.item-dialog{width:min(940px,calc(100% - 24px));max-height:92vh;border-radius:16px}
.v65-gallery{background:#102219}.v65-stage{height:min(58vh,540px);display:flex;align-items:center;justify-content:center;position:relative}
.v65-stage img{max-width:100%;width:100%;height:100%;object-fit:contain}
.v65-stage button{position:absolute;left:12px;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:44px;height:44px;background:#f9fcf5e8;font-size:2rem;cursor:pointer;z-index:2}
.v65-stage button:last-child{left:auto;right:12px}
.v65-thumbs{padding:10px;display:flex;overflow-x:auto;gap:8px;justify-content:center}
.v65-thumbs button{border:2px solid transparent;background:transparent;padding:0;width:74px;height:57px;border-radius:7px;overflow:hidden;cursor:pointer;flex:0 0 74px}
.v65-thumbs button.active{border-color:#e1b972}.v65-thumbs img{width:100%;height:100%;object-fit:cover}
.v65-copy-link{margin-top:20px;border:1px solid #819787;border-radius:8px;padding:10px 14px;background:transparent;color:#204434;font-weight:700;cursor:pointer}
@media(max-width:1050px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:12px}.card h2{font-size:1.05rem}.v65-view-switch span{display:none}.v65-list .card-media{width:86px;flex-basis:86px}.v65-list .card-body{padding:10px;gap:8px;flex-wrap:wrap}.v65-list .card .price{min-width:0}.v65-list .card h2{font-size:1rem}.v65-list .card-media{min-height:90px}.hero-inner{padding-block:32px 38px}}
@media(max-width:480px){.v65-list .card .tags{display:none}.v65-list .card .price{font-size:.8rem}.catalog-toolbar{gap:10px}}

.v65-stage img[data-v65-zoom]{cursor:zoom-in}
.v65-lightbox{position:fixed;inset:0;background:#050806ef;z-index:9000;display:flex;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}
.v65-lightbox img{max-height:96vh;max-width:100%;object-fit:contain}

/* v6.5.3 — native modal lightbox above item detail; independent close/ESC */
.v652-zoom-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(12px,4vw,38px);border:0;border-radius:0;background:#07110df5;color:white;overflow:hidden;display:none;align-items:center;justify-content:center;box-sizing:border-box}
.v652-zoom-dialog[open]{display:flex}
.v652-zoom-dialog::backdrop{background:rgba(0,0,0,.82)}
.v652-zoom-dialog img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:default}
.v652-zoom-dialog button{position:absolute;z-index:1;border:1px solid #ffffff66;background:#14251de0;color:white;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-size:1.8rem;cursor:pointer}
.v652-zoom-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}
.v652-zoom-prev{left:clamp(7px,2vw,26px);top:50%;transform:translateY(-50%)}
.v652-zoom-next{right:clamp(7px,2vw,26px);top:50%;transform:translateY(-50%)}
.v652-zoom-dialog button:focus-visible{outline:3px solid #d5b37d;outline-offset:3px}
@media(max-width:600px){.v652-zoom-dialog{padding:60px 7px}.v652-zoom-dialog button{width:40px;height:40px;font-size:1.5rem}}

/* v6.5.3 — DETRIPOLIS brand derived from supplied concept, original artwork only */
:root{--forest-950:#132b20;--forest-900:#1b3326;--forest-800:#244432;--forest-700:#3a5640;--olive-500:#556b3f;--bark-700:#8c7f5b;--bark-500:#b87733;--cream-50:#fcfaf4;--cream-100:#f6f1e5;--cream-200:#dcc9a8;--ink:#1b3326;--muted:#53634c}
body{background:linear-gradient(180deg,#f7f4ed,#f2efe6 600px)}
.site-header{background:#f8f5edee;border-bottom:1px solid #d9cbaa;box-shadow:0 5px 24px #15261b14}
.site-header .brand{color:#173324}.site-header .brand-copy strong{color:#1b3326;font-family:Georgia,serif;font-size:1.17rem;letter-spacing:.03em}
.site-header .brand-copy small{color:#836541}
.site-header .brand-avatar{background:transparent;border:0;border-radius:0;box-shadow:none;object-fit:contain}
.site-header .language-switch{border-color:#d2c3a6;background:#e8e0cf}
.site-header .lang-btn{color:#274333}.site-header .lang-btn.active{background:#1b3326;color:#fff}
.hero{color:#1b3326;background:radial-gradient(circle at 85% 25%,#d9cdb6a8,transparent 30rem),linear-gradient(110deg,#f8f5ed,#eee5d3);border-bottom:1px solid #d4c5a8}
.hero h1{color:#183124}.hero .eyebrow{color:#9b6835}.hero .lead{color:#4c5c49}
.hero .meta-row,.hero .meta-item{color:#304533}
.hero-brand-visual{flex-basis:clamp(280px,31vw,445px)}
.hero-brand-visual img{border:0;border-radius:0;background:transparent;box-shadow:none}
.footer{background:#1b3326}.footer-brand>img{background:transparent;border:0;object-fit:contain;border-radius:0}
.card{border-color:#b9af994d}.card:hover{box-shadow:0 20px 40px #233b2730}
.v65-view-switch button.is-active{background:#1b3326}
.v65-thumbs button.active{border-color:#b87733}
@media(max-width:700px){.hero-brand-visual{width:min(315px,90vw)}.hero-inner{padding-block:25px 36px}}

/* Exact supplied horizontal logo, no redraw or substitute lettering */
.detripolis-header-logo{display:block;width:clamp(195px,24vw,295px);height:auto;max-height:64px;object-fit:contain;object-position:left center}
.detripolis-footer-logo{display:block;flex:0 0 auto;width:min(260px,45vw)!important;height:auto!important;max-height:112px;object-fit:contain;border:0!important;background:#f7f2e6!important;border-radius:10px!important;padding:10px}
.footer-brand{gap:20px}.footer-brand>div{flex:1;min-width:0}
@media(max-width:560px){.detripolis-header-logo{width:clamp(150px,48vw,230px);max-height:56px}.footer-brand{flex-direction:column;align-items:flex-start}.detripolis-footer-logo{width:min(260px,82vw)!important}}

/* v6.5.3 — compact hero; keep the user's exact logos without redrawing. */
.hero-inner{min-height:0!important;padding-block:20px 23px!important;gap:25px!important}
.hero-brand-visual{flex:0 1 218px!important;max-width:218px}
.hero-brand-visual img{max-height:150px;object-fit:contain}
.hero h1{font-size:clamp(1.8rem,3vw,3.25rem);line-height:1.06}
.hero .lead{margin-top:8px;font-size:.96rem}
.hero .eyebrow{margin-bottom:4px}
.hero .meta-row{margin-top:11px;color:#263c2c!important;font-weight:600}
.hero .meta-row strong{color:#13291c!important;font-weight:900!important}
.hero .meta-separator{color:#685330;opacity:1}
.v653-groups{padding-top:21px;padding-bottom:11px}
.v653-group-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:11px}
.v653-group-title strong{font-size:1.04rem;color:#1b3326}
.v653-group-title span{font-size:.86rem;color:#5c6659}
.v653-group-nav{display:flex;gap:9px;flex-wrap:wrap;align-items:stretch}
.v653-group-btn{cursor:pointer;padding:12px 16px;border:1px solid #bcbba9;border-radius:12px;background:#f6f3e9;color:#26382b;font:700 .93rem/1.25 inherit;display:flex;align-items:center;gap:12px;min-height:47px}
.v653-group-btn>span{border-radius:30px;background:#e4e4d8;padding:3px 9px;font-size:.78rem;color:#435348}
.v653-group-btn.active{background:#1b3326;color:#fff;border-color:#1b3326;box-shadow:0 3px 13px #152d2225}
.v653-group-btn.active>span{background:#49644b;color:#fff}
.v653-group-btn:focus-visible,.v653-pagination button:focus-visible{outline:3px solid #b87733;outline-offset:2px}
.v653-page-size{display:flex;align-items:center;gap:8px;white-space:nowrap}
.v653-page-size label{font-size:.84rem;color:#405044}
.v653-page-size select{background:#fff;border:1px solid #c6c4b7;border-radius:9px;padding:8px 12px;min-width:92px;color:#182c20}
.v653-pagination{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:6px;margin:23px auto}
.v653-pagination[hidden]{display:none}
.v653-pagination button{border:1px solid #c9cbbc;background:#fff;border-radius:9px;min-height:38px;min-width:38px;padding:6px 12px;color:#1b3326;cursor:pointer}
.v653-pagination button[aria-current=page]{background:#1b3326;color:#fff}
.v653-pagination button:disabled{cursor:default;opacity:.42}
.v653-dots{padding:5px 3px}
@media(max-width:700px){.hero-inner{display:flex;flex-direction:column;gap:8px!important;padding-block:16px 23px!important}.hero-brand-visual{flex:none!important;width:min(195px,55vw)!important}.hero-brand-visual img{max-height:120px}.hero-copy{text-align:center}.hero h1{font-size:clamp(1.65rem,7vw,2.25rem)}.meta-row{justify-content:center}.v653-group-title{display:block}.v653-group-title span{display:block;margin-top:5px}.v653-group-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.v653-group-btn{justify-content:space-between;min-width:0;padding:10px;gap:5px}.v653-page-size{width:100%;justify-content:flex-end}}

/* v6.5.4 DETRIPOLIS refinements — +20% hero logo, unchanged original art */
@media(min-width:701px){.hero-brand-visual{flex-basis:262px!important;max-width:262px!important}.hero-brand-visual img{max-height:180px!important}}
@media(max-width:700px){.hero-brand-visual{width:min(234px,68vw)!important;max-width:234px!important}.hero-brand-visual img{max-height:144px!important}}

/* v6.5.4 — premium group chooser and pagination control */
.v653-groups{padding-top:25px;padding-bottom:17px}
.v653-group-title{margin-bottom:15px}.v653-group-title strong{font:700 clamp(1.12rem,2vw,1.28rem) Georgia,serif}
.v653-group-nav{display:flex;flex-wrap:wrap;gap:10px}
.v653-group-btn{appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-width:137px;min-height:55px;border-radius:15px;padding:11px 14px;border:1px solid #b5c2ac;background:linear-gradient(155deg,#fffdf8,#f2f1e7);box-shadow:0 4px 12px #233e2410;color:#223c2c;font-size:.89rem;font-weight:800;letter-spacing:.01em;transition:transform .15s,box-shadow .15s,border .15s;cursor:pointer}
.v653-group-btn:hover{transform:translateY(-2px);box-shadow:0 9px 20px #233e2420;border-color:#748d70}
.v653-group-btn>span{display:grid;place-items:center;min-width:28px;height:28px;padding:3px 8px;background:#e3eadb;color:#405b40;border:1px solid #d3ddcb;border-radius:10px;font-size:.78rem;font-weight:900}
.v653-group-btn.active{background:linear-gradient(145deg,#1b3326,#35523f);border-color:#1b3326;color:#fff9e9;box-shadow:0 10px 23px #152d222a}
.v653-group-btn.active>span{color:#fff;background:#ffffff28;border-color:#ffffff38}
.v653-page-size{border:1px solid #cccbb9;background:#f5f1e6;border-radius:13px;padding:6px 9px 6px 12px;box-shadow:0 4px 12px #24352110;gap:12px;min-height:48px}
.v653-page-size label{color:#3e533e;font-weight:800;font-size:.76rem}
.v653-page-size select{appearance:none;-webkit-appearance:none;min-height:35px;min-width:110px;padding:7px 34px 7px 12px;border:1px solid #aeba9f;background:#fffdf8;color:#1c3527;border-radius:9px;font-weight:850;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='m2 2 5 5 5-5' fill='none' stroke='%233b6044' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:12px}
.v653-page-size select:hover{border-color:#76896f}.v653-page-size select:focus-visible,.v653-group-btn:focus-visible{outline:3px solid #b87733;outline-offset:2px}
@media(max-width:700px){.v653-group-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.v653-group-btn{min-width:0;min-height:53px;padding:9px 10px;gap:7px;white-space:normal}.v653-page-size{width:auto;justify-content:flex-end;margin-left:auto}}

/* v6.5.5 — accessible mobile public catalogue fixes; do not erase breeding status. */
.status-short{display:none}
.former-inline{cursor:pointer;font-family:inherit}
.former-inline-complete{display:block;width:100%;font-weight:500;line-height:1.35;white-space:normal;overflow-wrap:anywhere;margin-top:4px}
.former-inline-complete[hidden]{display:none}
.former-inline[aria-expanded="true"]{flex-wrap:wrap;max-width:100%!important;width:100%}
.v65-list .card-title-row{flex:1 1 100%;min-width:0}
.v65-list .card-title-row h2{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none}
.v65-list .card-title-row .name-main{white-space:normal;overflow-wrap:normal;word-break:normal}
.v65-view-switch{border:1px solid #a6b3a4;border-radius:14px;padding:4px;background:#efeee4;display:inline-flex;gap:3px;box-shadow:0 2px 10px #142b1e14}
.v65-view-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:#34503c;border-radius:10px;min-height:40px;min-width:70px;padding:8px 13px;font-weight:750;cursor:pointer;box-shadow:none}
.v65-view-switch button.is-active{background:#1b3326;color:#fff;box-shadow:0 4px 11px #16302330}
.v65-view-switch button:focus-visible,.former-inline:focus-visible,.status-legend summary:focus-visible{outline:3px solid #b87733;outline-offset:2px}
.item-dialog,.item-dialog *{box-sizing:border-box}
.item-dialog{max-width:calc(100vw - 20px);min-width:0;overflow-x:hidden}
.item-dialog #dialogContent,.item-dialog .dialog-body,.item-dialog .v65-gallery{min-width:0;max-width:100%;overflow-wrap:anywhere}
.item-dialog .price,.item-dialog .tags,.item-dialog .dialog-former{max-width:100%;min-width:0}
.item-dialog .v65-thumbs{justify-content:flex-start;max-width:100%;overflow-x:auto}
@media(max-width:720px){
 .catalog-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;justify-content:stretch!important;gap:10px!important;padding:12px 0!important}
 .catalog-toolbar>p{grid-column:1;grid-row:1;min-width:0;font-size:.89rem}
 .catalog-toolbar .v653-page-size{grid-column:2;grid-row:1;margin:0!important;min-width:0;width:auto!important;gap:6px}
 .catalog-toolbar .v653-page-size select{min-width:76px;max-width:104px}
 .catalog-toolbar .v65-view-switch{grid-column:1/-1;grid-row:2;width:100%;max-width:100%;display:flex;justify-content:stretch}
 .catalog-toolbar .v65-view-switch button{flex:1;min-width:0}
 .catalog-toolbar .v65-view-switch span{display:inline!important}
 .catalog-toolbar .status-legend{grid-column:1/-1;grid-row:3;margin:0;width:100%;min-width:0}
 .status-legend summary{width:100%;border-radius:10px;min-height:40px;justify-content:space-between;border-color:#b6c5b7;font-size:.83rem}
 .status-legend-panel{position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;max-height:none!important;overflow:visible!important;box-shadow:none;border-radius:0 0 12px 12px;margin-top:3px}
 .status-legend-item{grid-template-columns:minmax(88px,auto) minmax(0,1fr)!important}
 .status-legend-item>span:last-child{white-space:normal!important;min-width:0;overflow-wrap:anywhere}
 .card-title-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
 .card-title-row h2{width:100%;min-width:0;overflow-wrap:normal;word-break:normal;hyphens:none}
 .card-title-row .former-inline{max-width:100%!important;margin:0;align-self:flex-start;min-width:0;white-space:normal}
 .v65-list .card{min-width:0}
 .v65-list .card-body{min-width:0;display:flex;flex-wrap:wrap;align-content:center;align-items:flex-start;gap:5px}
 .v65-list .card-title-row{flex:1 1 100%;width:100%}
 .v65-list .card .tags{display:flex!important;flex-wrap:wrap!important;gap:4px}
 .v65-list .card .price{flex:1 1 100%;max-width:100%;min-width:0}
 .status-tag .status-full{display:none}
 .status-tag .status-short{display:inline;white-space:nowrap}
 .card .status-tag{min-width:24px;min-height:25px;display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;font-size:.73rem}
 .hero-inner{gap:5px!important;padding-block:10px 18px!important}
 .hero-brand-visual{width:min(320px,83vw)!important;max-width:320px!important;margin:0 auto 0!important;}
 .hero-brand-visual img{max-height:182px!important;width:100%;height:auto;object-fit:contain}
 .hero .eyebrow{margin-top:0}
 .hero .lead{margin-top:5px}
 .hero .meta-row{margin-top:7px}
 .contact-bar{margin-top:0;padding-block:10px!important;margin-bottom:6px!important}
 .contact-bar-copy{gap:3px}
 .contact-bar .contact-links{gap:6px}
 .item-dialog{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 20px);margin:auto;border-radius:12px}
 .item-dialog .dialog-body{padding:14px}
 .item-dialog .dialog-body h2{font-size:clamp(1.25rem,5vw,1.7rem)}
 .item-dialog .v65-stage{height:min(44dvh,360px)}
 .item-dialog .price-multi{max-width:100%}
}
@media(max-width:380px){.catalog-toolbar .v653-page-size{padding:4px}.catalog-toolbar .v653-page-size label{font-size:.7rem}.catalog-toolbar .v653-page-size select{min-width:67px;padding-inline:7px 23px}.v65-list .card-media{flex-basis:74px;width:74px}}

.v655-legend-letter{display:none}
@media(max-width:720px){
 .status-legend-item .status-tag{display:flex;gap:7px;justify-content:flex-start;align-items:center;min-width:0;font-size:.73rem;padding:5px 7px}
 .status-legend-item .v655-legend-letter{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:23px;min-height:23px;border:1px solid currentColor;border-radius:6px;font-weight:950;font-size:.84rem}
 .status-legend-item .status-tag{width:auto}
 .status-legend-item{grid-template-columns:minmax(95px,150px) minmax(0,1fr)!important}
}


/* v6.5.6 — premium status chips, full-text aliases with IN-FLOW expansion. */
.card, .card-body, .card-title-row {min-width:0}
.card-title-row {display:flex!important;flex-direction:column;align-items:stretch;gap:9px;min-width:0;width:100%}
.card-title-row h2 {width:100%;min-width:0;max-width:100%;min-height:0;overflow-wrap:normal;word-break:normal;hyphens:none}
.v656-former {display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;max-width:100%;width:100%;position:relative;z-index:auto}
.card-title-row .v656-former .former-inline {display:inline-flex;flex-wrap:nowrap;align-items:center;gap:6px;max-width:100%!important;width:auto!important;min-height:30px;padding:6px 11px;margin:0!important;border:1px solid #c7c4b6;border-radius:10px;background:linear-gradient(180deg,#f9f7f1,#eeeae0);font-size:.75rem;line-height:1.3;letter-spacing:0;cursor:pointer;box-shadow:none;color:#574e40}
.card-title-row .former-inline-prefix {font-size:inherit;font-weight:800;white-space:nowrap;color:#5f563f}
.card-title-row .former-inline-name {display:block;max-width:min(16rem,40vw);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit}
.card-title-row .former-inline-more {font-size:.72rem;font-weight:850;flex:none}
.v656-former-chevron{font-weight:800;transition:transform .15s;font-size:.9rem;line-height:1}
.former-inline[aria-expanded="true"] .v656-former-chevron{transform:rotate(180deg)}
.v656-former .former-inline-complete {display:flex;flex-direction:column;gap:5px;position:static!important;transform:none!important;inset:auto!important;z-index:auto!important;max-width:100%;width:100%;box-sizing:border-box;margin:0!important;padding:10px 12px;border:1px solid #dbd6c8;border-radius:11px;background:#f9f7f1;box-shadow:none!important;white-space:normal;overflow-wrap:anywhere;word-break:normal;color:#4c4b3e;font:.78rem/1.4 system-ui,sans-serif}
.v656-former .former-inline-complete[hidden]{display:none!important}
.v656-former-entry{display:block;min-width:0;overflow-wrap:anywhere;white-space:normal}
.card .tags {display:flex;flex-wrap:wrap;min-width:0;max-width:100%;gap:7px;overflow:visible;align-items:center}
.card .status-tag {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:31px;padding:7px 11px;border-width:1px;border-style:solid;border-radius:9px;font-weight:750;font-size:.74rem;letter-spacing:.005em;line-height:1.15;white-space:nowrap;text-overflow:clip;overflow:visible;box-shadow:0 1px 3px #182d1e0b}
.status-legend summary{min-height:38px;padding:8px 13px;border-color:#aebbab;color:#284632;background:#fffdf8}
.status-legend summary:hover{border-color:#779074;background:#f4f4eb}
.v65-list .card-body{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(155px,190px);align-items:center;gap:18px;padding:13px 22px;min-width:0}
.v65-list .card-title-row{width:auto;min-width:0;flex:none}
.v65-list .card .tags{max-width:310px;justify-content:flex-start;align-self:center}
.v65-list .card .price{min-width:0;max-width:100%;width:100%;flex:none}
@media(max-width:1000px) and (min-width:721px){.v65-list .card-body{grid-template-columns:minmax(0,1fr) minmax(155px,200px);gap:12px}.v65-list .card .tags{grid-column:1;grid-row:2}.v65-list .card .price{grid-column:2;grid-row:1 / span 2}}
@media(max-width:720px){
 .v65-list .card-body{display:flex;flex-wrap:wrap;gap:8px;align-content:center;padding:10px}
 .v65-list .card-title-row{flex:1 1 100%;width:100%}
 .v65-list .card .tags{flex:1 1 100%;max-width:100%;gap:5px}
 .v65-list .card .price{flex:1 1 100%;max-width:100%;width:100%}
 .card .status-tag{min-height:26px;padding:5px 8px;font-size:.73rem}
 .card-title-row .v656-former .former-inline{max-width:100%!important;padding:6px 8px;min-height:30px}
 .card-title-row .former-inline-name{max-width:min(13rem,28vw)}
}
@media(max-width:380px){.card-title-row .former-inline-name{max-width:90px}.v656-former .former-inline-complete{font-size:.73rem}}


/* v6.5.6 — premium status chips, full-text aliases with IN-FLOW expansion. */
.card, .card-body, .card-title-row {min-width:0}
.card-title-row {display:flex!important;flex-direction:column;align-items:stretch;gap:9px;min-width:0;width:100%}
.card-title-row h2 {width:100%;min-width:0;max-width:100%;min-height:0;overflow-wrap:normal;word-break:normal;hyphens:none}
.v656-former {display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;max-width:100%;width:100%;position:relative;z-index:auto}
.card-title-row .v656-former .former-inline {display:inline-flex;flex-wrap:nowrap;align-items:center;gap:6px;max-width:100%!important;width:auto!important;min-height:30px;padding:6px 11px;margin:0!important;border:1px solid #c7c4b6;border-radius:10px;background:linear-gradient(180deg,#f9f7f1,#eeeae0);font-size:.75rem;line-height:1.3;letter-spacing:0;cursor:pointer;box-shadow:none;color:#574e40}
.card-title-row .former-inline-prefix {font-size:inherit;font-weight:800;white-space:nowrap;color:#5f563f}
.card-title-row .former-inline-name {display:block;max-width:min(16rem,40vw);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit}
.card-title-row .former-inline-more {font-size:.72rem;font-weight:850;flex:none}
.v656-former-chevron{font-weight:800;transition:transform .15s;font-size:.9rem;line-height:1}
.former-inline[aria-expanded="true"] .v656-former-chevron{transform:rotate(180deg)}
.v656-former .former-inline-complete {display:flex;flex-direction:column;gap:5px;position:static!important;transform:none!important;inset:auto!important;z-index:auto!important;max-width:100%;width:100%;box-sizing:border-box;margin:0!important;padding:10px 12px;border:1px solid #dbd6c8;border-radius:11px;background:#f9f7f1;box-shadow:none!important;white-space:normal;overflow-wrap:anywhere;word-break:normal;color:#4c4b3e;font:.78rem/1.4 system-ui,sans-serif}
.v656-former .former-inline-complete[hidden]{display:none!important}
.v656-former-entry{display:block;min-width:0;overflow-wrap:anywhere;white-space:normal}
.card .tags {display:flex;flex-wrap:wrap;min-width:0;max-width:100%;gap:7px;overflow:visible;align-items:center}
.card .status-tag {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:31px;padding:7px 11px;border-width:1px;border-style:solid;border-radius:9px;font-weight:750;font-size:.74rem;letter-spacing:.005em;line-height:1.15;white-space:nowrap;text-overflow:clip;overflow:visible;box-shadow:0 1px 3px #182d1e0b}
.status-legend summary{min-height:38px;padding:8px 13px;border-color:#aebbab;color:#284632;background:#fffdf8}
.status-legend summary:hover{border-color:#779074;background:#f4f4eb}
.v65-list .card-body{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(155px,190px);align-items:center;gap:18px;padding:13px 22px;min-width:0}
.v65-list .card-title-row{width:auto;min-width:0;flex:none}
.v65-list .card .tags{max-width:310px;justify-content:flex-start;align-self:center}
.v65-list .card .price{min-width:0;max-width:100%;width:100%;flex:none}
@media(max-width:1000px) and (min-width:721px){.v65-list .card-body{grid-template-columns:minmax(0,1fr) minmax(155px,200px);gap:12px}.v65-list .card .tags{grid-column:1;grid-row:2}.v65-list .card .price{grid-column:2;grid-row:1 / span 2}}
@media(max-width:720px){
 .v65-list .card-body{display:flex;flex-wrap:wrap;gap:8px;align-content:center;padding:10px}
 .v65-list .card-title-row{flex:1 1 100%;width:100%}
 .v65-list .card .tags{flex:1 1 100%;max-width:100%;gap:5px}
 .v65-list .card .price{flex:1 1 100%;max-width:100%;width:100%}
 .card .status-tag{min-height:26px;padding:5px 8px;font-size:.73rem}
 .card-title-row .v656-former .former-inline{max-width:100%!important;padding:6px 8px;min-height:30px}
 .card-title-row .former-inline-name{max-width:min(13rem,28vw)}
}
@media(max-width:380px){.card-title-row .former-inline-name{max-width:90px}.v656-former .former-inline-complete{font-size:.73rem}}

/* v6.5.6 — size the ACTUAL artwork, not merely its parent. Header logo unchanged. */
@media(max-width:700px){
 .hero-brand-visual{width:min(296px,82vw)!important;max-width:296px!important;margin:0 auto!important;display:block!important}
 .hero-brand-visual img{display:block!important;width:100%!important;max-width:100%!important;max-height:315px!important;height:auto!important;object-fit:contain!important}
 .hero-inner{gap:0!important;padding-block:7px 15px!important}
 .hero .eyebrow{margin-top:0!important}
}