.hhp-plant-badges{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px;align-items:center}.hhp-plant-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;line-height:1;border:1px solid;transition:all .2s ease;white-space:nowrap}.hhp-plant-badge__icon{font-size:14px;line-height:1;flex-shrink:0}.hhp-plant-badge__text{font-weight:500;letter-spacing:.01em}.hhp-plant-badge--difficulty.hhp-plant-badge--beginner{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);color:#15803d;border-color:#22c55e4d}.hhp-plant-badge--difficulty.hhp-plant-badge--intermediate{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:#d97706;border-color:#f59e0b4d}.hhp-plant-badge--difficulty.hhp-plant-badge--advanced{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#dc2626;border-color:#ef44444d}.hhp-plant-badge--pet-safe{background:linear-gradient(135deg,#8b45131a,#8b45130d);color:#8b4513;border-color:#8b45134d}.hhp-plant-badge--caution{background:linear-gradient(135deg,#f565651a,#f565650d);color:#dc2626;border-color:#f565654d}.hhp-plant-badge--light{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:#2563eb;border-color:#3b82f64d}.hhp-plant-badge--feature{background:linear-gradient(135deg,#a855f71a,#a855f70d);color:#7c3aed;border-color:#a855f74d}.hhp-plant-badge--special{background:linear-gradient(135deg,#ec489926,#ec489914);color:#be185d;border-color:#ec489966;font-weight:600;padding:8px 14px}.hhp-plant-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.hhp-plant-badge--special:hover{box-shadow:0 4px 12px #ec48994d}@media(max-width:768px){.hhp-plant-badges{gap:6px;margin:12px 0 20px}.hhp-plant-badge{padding:5px 10px;font-size:12px;gap:4px}.hhp-plant-badge__icon{font-size:13px}.hhp-plant-badge--special{padding:6px 12px}}@media(prefers-reduced-motion:reduce){.hhp-plant-badge{transition:none}.hhp-plant-badge:hover{transform:none}}@media(prefers-contrast:high){.hhp-plant-badge{border-width:2px;font-weight:600}}.hhp-plant-badge:focus{outline:2px solid #32d74b;outline-offset:2px}.hhp-plant-badge+.hhp-plant-badge--special{margin-left:4px}
/*# sourceMappingURL=/cdn/shop/t/32/assets/hhp-plant-badges.css.map */