/* ausgelagert aus strains.php -- nur Design-Tokens aus style.css (var(--black), var(--gray-*), var(--border) ...), keine Hex-Farben */
.stn-wrap{max-width:1100px;margin:0 auto;padding:0 24px 64px}
.stn-head{text-align:center;padding:56px 0 20px}
.stn-head h1{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.7px;margin:8px 0 12px}
.stn-head p{font-size:15px;color:var(--gray-3);max-width:660px;margin:0 auto}
.stn-search{display:flex;align-items:center;gap:10px;max-width:560px;margin:22px auto 10px;padding:0 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--white)}
.stn-search input{border:0!important;box-shadow:none!important;outline:none!important;padding:14px 0!important;width:100%;font-size:15px;font-family:inherit;background:transparent!important}
.stn-search:focus-within{border-color:var(--black)}
.stn-sec{margin-top:36px}
.stn-sec-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.stn-sec-h h2{font-size:20px;font-weight:800;letter-spacing:-.4px;margin:0}
.stn-sec-h a,.stn-link{font-size:13px;color:var(--black);font-weight:600;background:none;border:0;cursor:pointer;font-family:inherit;text-decoration:underline}
.stn-sub{font-size:13px;color:var(--gray-3);margin:-6px 0 12px}
.stn-card{min-width:220px}
.feat-carousel.stn-grid{flex-wrap:wrap;overflow:visible}
.stn-fams{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.stn-fam{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--white);text-decoration:none;color:inherit}
.stn-fam:hover{border-color:var(--black)}
.stn-fam b{font-size:15px}.stn-fam .stn-fam-n{font-size:12px;color:var(--gray-3);font-weight:600}.stn-fam small{font-size:12px;color:var(--gray-3);line-height:1.45}
.stn-hero{display:grid;grid-template-columns:1fr;gap:22px;padding:34px 0 8px}
@media(min-width:820px){.stn-hero{grid-template-columns:minmax(0,340px) 1fr;align-items:start}}
.stn-hero-img{border-radius:16px;background:var(--gray-6);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.stn-hero-img img{max-width:100%;max-height:100%;object-fit:contain}
.stn-crumb{font-size:13px;color:var(--gray-3);padding-top:28px}.stn-crumb a{color:inherit}
.stn-box{background:var(--gray-6);border-radius:16px;padding:24px;margin:16px 0}
.stn-box h2{font-size:16px;margin:0 0 6px;font-weight:700}
.stn-price{font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:-.8px;margin:2px 0 16px}
.stn-btn{display:inline-block;background:var(--black);color:var(--white);border-radius:999px;padding:12px 22px;font-weight:700;text-decoration:none;font-size:14px}
.stn-facts{display:flex;gap:20px;flex-wrap:wrap;color:var(--gray-2);font-size:14px;margin-top:14px}.stn-facts b{color:var(--black)}
.stn-note{font-size:12px;color:var(--gray-3);margin-top:8px}
.stn-info{font-size:14px;color:var(--gray-2);line-height:1.6;margin:6px 0 0}
.stn-chips{display:flex;gap:8px;flex-wrap:wrap}
.stn-chip{font-size:13px;font-weight:600;border:1px solid var(--border);border-radius:999px;padding:6px 14px;background:var(--white);cursor:pointer;font-family:inherit;color:inherit;text-decoration:none}
.stn-chip.on,.stn-chip:hover{background:var(--black);color:var(--white);border-color:var(--black)}
.stn-chip span{opacity:.6;font-weight:500}
.stn-mf{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.stn-mf-i{border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--white);cursor:pointer;text-align:left;font-family:inherit;color:inherit}
.stn-mf-i:hover,.stn-mf-i.on{border-color:var(--black)}
.stn-mf-i b{display:block;font-size:15px}.stn-mf-i small{display:block;color:var(--gray-2);font-size:12.5px;margin-top:3px;line-height:1.45}
.stn-mf-i em{font-style:normal;font-weight:700;font-size:13px;display:block;margin-top:6px}
.stn-cross{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.stn-cross span{font-size:13px;border:1px solid var(--border);border-radius:999px;padding:5px 12px;background:var(--white)}
.stn-item{display:contents}.stn-item.off{display:none}
.stn-none{text-align:center;color:var(--gray-3);padding:24px 0}

/* Strain-Karte: eigene Klassen (nicht die Preis-/Bewertungsklassen der Produktkarte zweckentfremden) */
.stn-card-meta{font-size:12px;font-weight:600;color:var(--gray-3)}
.stn-card-cta{font-size:13px;font-weight:700;color:var(--black)}
.stn-title{font-size:clamp(28px,4.5vw,42px);font-weight:800;letter-spacing:-.8px;margin:10px 0 6px}
/* Audit 15.10.: mobil je Snap-Position eine volle Karte, kompaktere Abstaende */
@media(max-width:600px){
  .stn-head{padding:28px 0 12px}
  .stn-sec{margin-top:28px}
  .feat-carousel:not(.stn-grid){scroll-snap-type:x mandatory}
  .feat-carousel:not(.stn-grid) .stn-card{flex:0 0 78%;min-width:0;scroll-snap-align:start}
}