/* Expanded cultivar index and compare mode */
.finder-heading h2 {max-width:1050px}
.finder-search-row {
  display:flex;justify-content:space-between;align-items:end;gap:20px;
  padding:23px 0 5px;
}
.finder-search-row label {
  display:block;flex:1;max-width:560px;
  color:#efd1a9;font-size:10px;letter-spacing:1.7px;
}
.finder-search-row input {
  display:block;width:100%;margin-top:11px;padding:15px 18px;min-height:51px;
  border:1px solid #d2a4b77d;border-radius:3px;
  background:linear-gradient(110deg,#291c2a,#201c26);color:#fff3e5;
  font:14px 'DM Sans',sans-serif;letter-spacing:0;
}
.finder-search-row input::placeholder {color:#af9eaa}
.finder-search-row>span {
  color:#d6b7a7;font-size:10px;letter-spacing:1.7px;white-space:nowrap;padding-bottom:14px;
}
.finder-search-row input:focus-visible {outline-color:#f0bd82}
.finder-aroma {
  padding-bottom:16px;border-bottom:1px solid #c9a69c39;
  color:#eee1d7;font-size:13px;line-height:1.55;margin:-3px 0 17px;
}
.finder-aroma span {
  display:block;color:var(--card-accent);font-size:9px;letter-spacing:1.4px;margin-bottom:7px;
}
.finder-links {flex-wrap:wrap;justify-content:flex-start;gap:12px 20px}
.finder-compare {
  min-height:39px;padding:8px 13px;border:1px solid var(--card-accent);
  background:transparent;color:#fff0db;cursor:pointer;
  font:12px 'DM Sans',sans-serif;white-space:nowrap;
  transition:background .2s,color .2s;
}
.finder-compare:hover,.finder-compare[aria-pressed="true"] {
  background:var(--card-accent);color:#241522;
}
.finder-view {min-height:39px;font-size:11px}
.finder-source {margin-left:auto;font-size:10px}
.finder-more {
  display:block;min-height:51px;min-width:min(100%,350px);
  margin:40px auto 0;padding:13px 23px;
  border:1px solid #ddb795;background:linear-gradient(100deg,#332039,#1b2930);
  color:#f8e2d4;font:12px 'DM Sans',sans-serif;letter-spacing:.6px;cursor:pointer;
  transition:background .25s,transform .25s;
}
.finder-more:hover {background:linear-gradient(100deg,#653455,#27534d);transform:translateY(-2px)}
.compare-dock {
  position:fixed;z-index:40;bottom:16px;left:50%;transform:translateX(-50%);
  width:min(1080px,calc(100% - 32px));min-height:93px;
  display:flex;align-items:center;gap:19px;padding:17px 20px;
  border:1px solid #f2c18d;background:linear-gradient(110deg,#371f39ee,#1b2832f3);
  backdrop-filter:blur(20px);box-shadow:0 17px 60px #000a,0 0 25px #ed8cb225;
}
.compare-selection {display:flex;flex-direction:column;gap:8px;min-width:130px}
.compare-selection strong {font-size:9px;letter-spacing:1.5px;color:#f4c58b}
.compare-count {font-size:12px;color:#f3e5df}
.compare-picks {display:flex;gap:8px;flex:1;flex-wrap:wrap}
.compare-pick {
  min-height:35px;padding:8px 11px;background:#f3ca9230;color:#fff0db;
  border:1px solid #f3c58e7a;border-radius:40px;
  font:11px 'DM Sans',sans-serif;cursor:pointer;
}
.compare-pick:hover {background:#f3ca9255}
.compare-actions {display:flex;gap:8px}
.compare-open,.compare-clear {
  min-height:44px;padding:11px 16px;border:1px solid #f4ce99;
  font:12px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap;
}
.compare-open {background:#e7bc82;color:#281924;font-weight:600}
.compare-open:disabled {background:#bba7915c;color:#d0bdb0;border-color:#8f8073;cursor:default}
.compare-clear {background:transparent;color:#f4d2c2;border-color:#a4818e}
.strain-compare-dialog {
  width:min(1220px,95vw);max-width:95vw;max-height:92dvh;
  padding:36px;border:1px solid #ddb388;border-radius:4px;
  background:
    radial-gradient(ellipse at top right,#6d326853,transparent 50%),
    linear-gradient(125deg,#24152a,#171e22);
  color:#f8ecdf;box-shadow:0 30px 110px #000c;
}
.strain-compare-dialog::backdrop {background:#09080ccf;backdrop-filter:blur(9px)}
.strain-compare-dialog h2 {
  font-size:clamp(44px,5vw,70px);margin:12px 0 8px;letter-spacing:-.04em;
}
.strain-compare-dialog .comparison-intro {
  font-size:13px;color:#cdbcc9;line-height:1.8;max-width:700px;margin:5px 0 26px;
}
.strain-compare-dialog .comparison-close {
  float:right;min-height:42px;padding:9px 14px;
  border:1px solid #d9ac88;background:#281b2d;color:#f8e5d3;
  cursor:pointer;font:12px 'DM Sans',sans-serif;
}
.comparison-table-wrap {overflow:auto;max-height:65dvh;border:1px solid #c5a0805c}
.comparison-table-wrap table {border-collapse:collapse;width:100%;min-width:690px;table-layout:fixed}
.comparison-table-wrap th,.comparison-table-wrap td {
  padding:17px 18px;text-align:left;border-bottom:1px solid #b9948a49;
  border-right:1px solid #b9948a36;vertical-align:top;
  line-height:1.7;
}
.comparison-table-wrap th:first-child {width:150px}
.comparison-table-wrap thead th {
  background:#3b2437;color:#f9d9aa;font-size:10px;letter-spacing:1.3px;
}
.comparison-table-wrap thead th:not(:first-child) {font-size:14px;letter-spacing:0}
.comparison-table-wrap thead img {
  display:block;width:90px;height:92px;object-fit:contain;
  background:#17131c;border:1px solid #d1a17478;margin-bottom:12px;
}
.comparison-table-wrap thead strong {display:block;font:26px 'Playfair Display',Georgia,serif;color:#fff0d8}
.comparison-table-wrap tbody th {background:#241e2b;color:#dfbba3;font-size:11px;letter-spacing:.4px}
.comparison-table-wrap td {background:#1e1c26;color:#e0d3d2;font-size:12px}
.comparison-table-wrap td a {color:#efc483;text-decoration:underline;text-underline-offset:4px}
.comparison-view-actions {
  display:flex;gap:10px;flex-wrap:wrap;padding:20px;
  background:#2a202d;
}
.comparison-view-actions button {
  min-height:42px;padding:10px 14px;border:1px solid #cca681;
  background:#3b2940;color:#f8e7d7;cursor:pointer;
  font:12px 'DM Sans',sans-serif;
}
.comparison-view-actions button:hover {background:#6a3859}
.collection-piece.has-reference {position:relative}
.collection-piece.has-reference::before {
  content:"PROFILE";position:absolute;z-index:2;top:22px;left:22px;
  padding:6px 8px;border:1px solid #d0b07c;background:#181321db;
  color:#ecd0a3;font-size:8px;letter-spacing:1.4px;pointer-events:none;
}
@media(max-width:900px) {
  .compare-dock {align-items:start;flex-wrap:wrap;gap:12px}
  .compare-picks {min-width:50%}
  .compare-actions {margin-left:auto}
  .finder-source {margin-left:0}
}
@media(max-width:600px) {
  .finder-search-row {display:block}
  .finder-search-row>span {display:block;margin-top:12px}
  .finder-links {gap:12px}
  .finder-source {margin-left:auto}
  .compare-dock {bottom:7px;width:calc(100% - 14px);padding:11px;gap:10px}
  .compare-selection {min-width:100px}
  .compare-selection strong {font-size:8px}
  .compare-count {font-size:10px}
  .compare-picks {flex:1;gap:5px;min-width:0}
  .compare-pick {font-size:10px;padding:6px 9px;min-height:30px}
  .compare-actions {width:100%;justify-content:stretch}
  .compare-open {flex:1}
  .compare-open,.compare-clear {font-size:11px;min-height:38px;padding:8px 12px}
  .strain-compare-dialog {padding:20px;max-width:97vw;max-height:92dvh}
  .strain-compare-dialog h2 {font-size:46px}
  .comparison-table-wrap {max-height:68dvh}
  .collection-piece.has-reference::before {top:12px;left:12px;font-size:7px}
}
