/* Twisty Seeds: content (Growing guides + Featured brands + brand page). Ported from the design preview. */

/* Growing guides */
.gtabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}
.gtab{font:600 16px "Fredoka",sans-serif;padding:11px 22px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.gtab[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.gpanel{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:start}
.gpanel.hide{display:none!important}
.gcard{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px}
.gcard.glow{background:var(--black);color:#fff;border:2px solid var(--cyan);box-shadow:0 0 28px color-mix(in srgb,var(--cyan) 30%,transparent)}
.gcard h3{font-size:1.4rem;margin-bottom:12px}
.gcard.glow h3{color:var(--lime)}
.gcard ol,.gcard ul{margin:0;padding-left:22px}
.gcard li{margin-bottom:10px;max-width:38em}
.gcard p{margin:0 0 12px;max-width:38em}
.gmedia{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:start}
.gmedia.empty{display:none}
.gmedia .media{margin:0}
.gmedia .photo{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:20px;border:1px solid var(--line);background:#050507}
.gmedia.both .photo,.gmedia.both .gvid{aspect-ratio:16/9}
.gvid{border-radius:20px;overflow:hidden;background:#000;border:1px solid var(--line);aspect-ratio:16/9}
.gvid video,.gvid iframe{display:block;width:100%;height:100%;border:0;background:#000}
.gmedia:not(.both) .gvid{aspect-ratio:16/9;max-width:860px;margin:0 auto;width:100%}
.gmedia:not(.both) .media:only-child .photo{cursor:zoom-in}
@media (max-width:700px){.gmedia .photo{aspect-ratio:16/10}}
.gnote{margin-top:28px;color:var(--muted);font-size:.92rem;max-width:44em}

/* Featured brands (home section + archive) */
.brands{border-top:1px solid var(--line)}
.brands.nobrands{display:none!important}
.bgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.bcard{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:12px}
.bcard.link{cursor:pointer;transition:border-color .15s,transform .15s}
.bcard.link:hover{border-color:var(--lime);transform:translateY(-2px)}
.bcard .btn{align-self:flex-start}
.bmedia{width:100%;height:190px;object-fit:cover;border-radius:14px;display:block}
.bmedia.sq{height:auto;aspect-ratio:1/1;object-fit:contain}
.bswatch{height:190px;border-radius:14px;display:flex;align-items:center;justify-content:center;font:700 2rem "Fredoka",sans-serif;color:#000}
.bvid{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#000}
.btag{font-size:.8rem;font-weight:700;color:var(--muted)}
.bcard h3{font-size:1.3rem}
.bcard p{margin:0;color:var(--muted);font-size:.98rem;flex:1}
.bcard.open{border:2px dashed var(--line);background:transparent;justify-content:center;text-align:center;padding:34px 22px}
.bcard.open h3{margin-bottom:6px}
.bcard.open p{flex:none;margin-bottom:12px}

/* Brand page */
.bpback{display:inline-block;font:600 15px "Fredoka",sans-serif;background:transparent;border:1px solid var(--line);color:var(--ink);padding:9px 18px;border-radius:999px;cursor:pointer;margin-bottom:26px;text-decoration:none}
.bpback:hover{border-color:var(--lime)}
.bpgrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.bptext h2:focus{outline:none}
.bptext h2{font-size:clamp(2rem,5vw,3.2rem);margin:8px 0 10px}
.bplead{font-size:1.2rem;color:var(--muted);margin:0 0 18px;max-width:34em}
.bpdesc p{margin:0 0 14px;max-width:38em;line-height:1.6}
.bpsoc{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.bpsoc a{font:600 15px "Fredoka",sans-serif;padding:9px 18px;border-radius:999px;border:1.5px solid var(--c,var(--lime));color:var(--ink);text-decoration:none}
.bpsoc a:hover,.bpsoc a:focus-visible{background:var(--c,var(--lime));color:#000}
.bpsoch{font:600 .85rem "Fredoka",sans-serif;color:var(--muted);margin:22px 0 -12px}
.bpsoch[hidden]{display:none}
.bpact{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.bpmedia{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.bpmedia[hidden]{display:none}
.bpmedia img,.bpmedia video{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:20px;border:1px solid var(--line);background:#000;display:block}
.bpmedia video{object-fit:contain}
.bpmedia iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:20px;background:#000;grid-column:1/-1}
.bpmedia img.sq{object-fit:contain;aspect-ratio:1/1;background:#000}
@media (max-width:900px){.bpgrid{grid-template-columns:1fr;gap:26px}.bpmedia{order:-1}}