/* Category "browse everything" section: Strain explorer (default), A–Z index, Maker shelves, Strain families. */
.sx{--sx-ink:#1f2a24;--sx-mute:#5f6b62;--sx-line:#dfe0d4;--sx-card:#fbfbf5;--sx-forest:#24463a;--sx-deep:#1d3b33;--sx-lime:#dce99c;--sx-chip:#eef2df;--sx-leaf:#5b8a3a;color:var(--sx-ink);margin-top:22px;font-family:"DM Sans",system-ui,sans-serif}
.sx *{box-sizing:border-box}
.sx a{color:inherit;text-decoration:none}
.sx button,.sx select,.sx input{font:inherit;color:inherit}
.sx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.psct-lp .sx h3.sx-title{margin:0;font-family:Cormorant,Georgia,serif;font-weight:600;font-size:clamp(28px,3.2vw,40px);line-height:1.02;letter-spacing:-.01em}
.sx-stat{margin:6px 0 0;color:var(--sx-mute);font-size:14.5px}
.sx-lay{display:inline-flex;align-items:center;gap:8px;border:1px solid #cfd2c5;background:var(--sx-card);border-radius:999px;padding:10px 16px;font-weight:700;font-size:14px;cursor:pointer}
.sx-lay small{font-weight:600;color:var(--sx-mute);border-left:1px solid #d5d8cb;padding-left:8px}
.sx-lay:hover{border-color:var(--sx-forest)}
.sx-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--sx-deep);background:transparent;border-radius:999px;padding:11px 20px;font-weight:700;font-size:14px;cursor:pointer;color:var(--sx-deep)}
.sx-btn.sx-dark{background:var(--sx-deep);color:#fff}
.sx-btn:hover{filter:brightness(1.08)}

/* ---------- Explorer ---------- */
.sx-bar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.sx-q{flex:1 1 320px;display:flex;align-items:center;gap:10px;background:var(--sx-card);border:1px solid #cfd2c5;border-radius:999px;padding:0 18px;color:var(--sx-mute)}
.sx-q:focus-within{border-color:var(--sx-forest);box-shadow:0 0 0 3px rgba(36,70,58,.12)}
.sx-q input{flex:1;border:0;background:transparent;padding:13px 0;font-size:15px;outline:0;color:var(--sx-ink);min-width:0}
.sx-sel{display:inline-flex;align-items:center;gap:6px;background:var(--sx-card);border:1px solid #cfd2c5;border-radius:999px;padding:0 6px 0 16px;font-weight:700;font-size:14px}
.sx-sel span{color:var(--sx-mute);font-weight:600}
.sx-sel select{border:0;background:transparent;padding:11px 8px;font-weight:700;cursor:pointer;outline:0}
.sx-rand{background:var(--sx-lime);border-color:var(--sx-lime);color:var(--sx-deep)}
.sx-mk{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.sx-mk button,.sx-mk-more select{padding:7px 12px;border-radius:999px;border:1px solid #cfd2c5;font-size:13px;font-weight:600;background:var(--sx-card);cursor:pointer}
.sx-mk button small{opacity:.6;margin-left:5px}
.sx-mk button.on{background:var(--sx-forest);color:var(--sx-lime);border-color:var(--sx-forest)}
.sx-mk button:hover{border-color:var(--sx-forest)}
.sx-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.sx-grid[data-collapsed="1"] .sx-tile:nth-child(n+19){display:none}
.sx-grid[data-filtered="1"] .sx-tile{display:none}
.sx-grid[data-filtered="1"] .sx-tile.hit{display:flex}
.sx-tile{position:relative;display:flex;flex-direction:column;background:var(--sx-card);border:1px solid var(--sx-line);border-radius:16px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.sx-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(20,40,30,.45)}
.sx-tile.pulse{animation:sx-pulse 1.4s ease 2}
@keyframes sx-pulse{50%{box-shadow:0 0 0 4px var(--sx-lime)}}
.sx-tl{display:flex;flex-direction:column;flex:1}
.sx-im{display:block;position:relative;aspect-ratio:4/3;background:#e7e8dc;overflow:hidden}
.sx .sx-im img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.sx-tx{display:block;padding:9px 11px 10px}
.sx-tx b{display:block;font-size:14px;line-height:1.25}
.sx-tx small{display:block;font-size:12px;color:var(--sx-mute);margin-top:2px;line-height:1.3}
.sx-tx small.sx-pr{color:var(--sx-forest);font-weight:700}
.sx-tx em{float:right;margin:0 0 4px 6px;font-style:normal;font-size:10.5px;font-weight:700;background:#e9f0cf;color:#3b5a2a;border-radius:999px;padding:2px 7px}
.sx-pl{border-top:1px solid #ecede3;font-size:12.5px}
.sx-pl summary{cursor:pointer;padding:7px 11px;font-weight:700;color:var(--sx-forest);list-style:none}
.sx-pl summary::-webkit-details-marker{display:none}
.sx-pl summary:after{content:" ▾"}
.sx-pl[open] summary:after{content:" ▴"}
.sx-pl ul{list-style:none;margin:0;padding:0 11px 9px}
.sx-pl li a{display:flex;justify-content:space-between;gap:6px;padding:4px 0;border-top:1px dashed #e3e4d8}
.sx-pl li a:hover{color:var(--sx-forest);text-decoration:underline}
.sx-pl li small{color:var(--sx-mute)}
.sx-more{display:flex;justify-content:center;gap:10px;margin-top:18px}
.sx-empty{text-align:center;color:var(--sx-mute);padding:26px 0}
.sx-spot{display:flex;gap:16px;align-items:center;background:var(--sx-card);border:1px dashed #9db37a;border-radius:20px;padding:14px 18px;margin-bottom:16px}
.sx-spot[hidden]{display:none}
.sx-spot img{width:64px;height:64px;border-radius:14px;object-fit:cover;flex:0 0 auto;background:#e7e8dc}
.sx-spot b{display:block;font-size:17px}
.sx-spot small{display:block;color:var(--sx-mute);font-size:13px;margin-top:2px}
.sx-spot .go{margin-left:auto;font-weight:700;color:var(--sx-forest);white-space:nowrap}
.sx-spot .x{border:0;background:none;font-size:20px;cursor:pointer;color:var(--sx-mute);padding:4px 8px}

/* ---------- A–Z ---------- */
.sx-tabs{display:flex;gap:8px;margin-bottom:14px}
.sx-tabs button{padding:9px 16px;border-radius:999px;border:1px solid #cfd2c5;font-weight:700;font-size:14px;background:var(--sx-card);cursor:pointer}
.sx-tabs button.on{background:var(--sx-deep);color:#fff;border-color:var(--sx-deep)}
.sx-az{display:flex;gap:2px;flex-wrap:wrap;background:var(--sx-card);border:1px solid var(--sx-line);border-radius:999px;padding:6px;margin-bottom:16px}
.sx-az a,.sx-az span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:700;font-size:14px}
.sx-az a:hover,.sx-az a.on{background:var(--sx-forest);color:var(--sx-lime)}
.sx-az span{color:#c3c6bb}
.sx-cols{columns:3 260px;column-gap:28px;background:var(--sx-card);border:1px solid var(--sx-line);border-radius:20px;padding:22px 26px}
.sx-L{break-inside:avoid;margin-bottom:14px;scroll-margin-top:80px}
.sx-L>b{font-family:Cormorant,Georgia,serif;font-size:30px;color:var(--sx-leaf);display:block;line-height:1;border-bottom:1px solid #e3e4d8;padding-bottom:4px;margin-bottom:6px}
.sx-r{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:14.5px;font-weight:600}
.sx-r:hover{color:var(--sx-forest);text-decoration:underline}
.sx-r .av{margin-left:auto;display:flex;flex:0 0 auto}
.sx-r .av i{width:20px;height:20px;border-radius:50%;background:#ddd center/cover;border:2px solid var(--sx-card);margin-left:-6px}
.sx-r em{font-style:normal;font-size:11px;font-weight:700;background:#e9f0cf;color:#3b5a2a;border-radius:999px;padding:2px 7px;white-space:nowrap}
.sx-r small{color:var(--sx-mute);font-weight:500;font-size:12.5px}

/* ---------- Shelves ---------- */
.sx-sh{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sx-mc{background:var(--sx-card);border:1px solid var(--sx-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.sx-mc .im{height:120px;background:#3a4a3f center/cover;position:relative;display:block}
.sx-mc .im:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(20,40,30,.78))}
.sx-mc .im b{position:absolute;left:14px;right:14px;bottom:10px;color:#fff;z-index:1;font-size:17px;line-height:1.15}
.sx-mc .bd{padding:12px 14px 14px;flex:1;display:flex;flex-direction:column}
.sx-mc .cnt{font-size:11.5px;color:var(--sx-mute);font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}
.sx-mc .cnt span{color:#3e6b2f}
.sx-ch{display:flex;flex-wrap:wrap;gap:6px}
.sx-ch a,.sx-ch button{font-size:12.5px;font-weight:600;padding:5px 9px;border-radius:999px;background:var(--sx-chip);color:#2d4a33;border:0;cursor:pointer;line-height:1.3}
.sx-ch a:hover{background:#dfe8c4}
.sx-ch button{background:var(--sx-forest);color:var(--sx-lime)}
.sx-mc .go{margin-top:auto;padding-top:12px;font-weight:700;font-size:13px;color:var(--sx-forest)}
.sx-sh-more{grid-column:1/-1;display:flex;justify-content:center}

/* ---------- Families ---------- */
.sx-fm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sx-fc{border-radius:22px;padding:20px;color:#fff;position:relative;overflow:hidden;min-height:220px}
.psct-lp .sx-fc h4{font-family:Cormorant,Georgia,serif;font-size:32px;margin:0;font-weight:600;line-height:1;padding-right:56px}
.sx-fc p{margin:4px 0 14px;font-size:13.5px;opacity:.85;padding-right:40px}
.sx-fc .n{position:absolute;right:18px;top:14px;font-family:Cormorant,Georgia,serif;font-size:56px;opacity:.28;line-height:1}
.sx-pods{display:flex;flex-wrap:wrap;gap:8px}
.sx-pod{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:4px 11px 4px 4px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;line-height:1.25}
.sx-pod:hover{background:rgba(255,255,255,.26)}
.sx-pod i{width:24px;height:24px;border-radius:50%;background:#ccc center/cover;flex:0 0 auto}
.sx-pod em{font-style:normal;font-size:10.5px;background:var(--sx-lime);color:var(--sx-deep);border-radius:999px;padding:1px 6px}
button.sx-pod{padding:6px 12px;background:rgba(0,0,0,.18)}
.sx-note{font-size:12px;color:#7a837b;margin:10px 0 0}

/* ---------- Psilocybin centers + FAQ ---------- */
.sx-foot{display:grid;grid-template-columns:1fr 1.35fr;gap:22px;margin-top:34px;align-items:start}
.sx-ctr{background:var(--sx-forest,#24463a);color:#f4f3ec;border-radius:20px;padding:26px}
.psct-lp .sx-ctr h3{font-family:Cormorant,Georgia,serif;font-size:30px;margin:0 0 6px;font-weight:600;color:#f4f3ec}
.sx-ctr p{color:#cfd9c9;margin:0 0 16px;font-size:14px;line-height:1.5}
.sx-st{display:flex;gap:10px}
.sx-st a{flex:1;background:#dce99c;color:#1d3b33;border-radius:14px;padding:14px;text-decoration:none}
.sx-st a b{display:block;font-size:16px}
.sx-st a small{display:block;color:#3b5a46;margin-top:3px;font-size:13px}
.sx-st a:hover{filter:brightness(1.05)}
.sx-faq{background:#fbfbf5;border:1px solid #dfe0d4;border-radius:20px;padding:20px 26px}
.psct-lp .sx-faq h3{margin:0 0 6px;font-size:18px}
.sx-faq .psct-faq details{max-width:none}
.sx-faq .psct-faq summary{list-style:none;display:flex;justify-content:space-between;gap:12px}
.sx-faq .psct-faq summary::-webkit-details-marker{display:none}
.sx-faq .psct-faq summary:after{content:"+";color:#5b8a3a;font-size:20px;line-height:1}
.sx-faq .psct-faq details[open] summary:after{content:"–"}

/* ---------- Layout picker ---------- */
.sx-dlg{position:fixed;inset:0;z-index:1000;background:rgba(15,28,22,.55);display:grid;place-items:center;padding:20px}
.sx-dlg[hidden]{display:none}
.sx-dlg .box{background:#fbfbf5;border-radius:22px;max-width:900px;width:100%;max-height:calc(100vh - 40px);overflow:auto;padding:26px;position:relative}
.sx-dlg .eb{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--sx-leaf)}
.sx-dlg h2{margin:4px 0 4px;font-family:Cormorant,Georgia,serif;font-size:34px;font-weight:600}
.sx-dlg p{margin:0 0 16px;color:var(--sx-mute)}
.sx-dlg .x{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer;color:var(--sx-mute)}
.sx-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sx-opt{text-align:left;background:#fff;border:2px solid var(--sx-line);border-radius:16px;padding:0;overflow:hidden;cursor:pointer}
.sx-opt[aria-pressed="true"]{border-color:var(--sx-forest);box-shadow:0 0 0 3px var(--sx-lime)}
.sx-opt img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;background:#eee}
.sx-opt b{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 0;font-size:15px}
.sx-opt b span{font-size:11px;background:var(--sx-forest);color:var(--sx-lime);border-radius:999px;padding:2px 8px}
.sx-opt small{display:block;padding:3px 14px 12px;color:var(--sx-mute);font-size:13px}

@media (max-width:1100px){.sx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sx-sh{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-fm{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-sh,.sx-fm,.sx-foot,.sx-opts{grid-template-columns:minmax(0,1fr)}
  .sx-mk{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-20px;padding-right:20px}
  .sx-mk button{flex:0 0 auto}
  .sx-az{flex-wrap:nowrap;overflow-x:auto;border-radius:14px}
  .sx-az a,.sx-az span{flex:0 0 auto}
  .sx-cols{padding:16px 18px}
  .sx-st{flex-direction:column}
  .sx-spot{flex-wrap:wrap}
  .sx-lay{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.sx-tile,.sx-tile.pulse{transition:none;animation:none}}
