/* Scoped homepage plant selection; shared site/home editorial CSS stays untouched. */
.ryzo-home .home-plant-selection { background: #173d31; color: #f5f2e8; padding: clamp(2.75rem, 5vw, 5rem) 0; }
.home-plant-selection *, .home-plant-selection *::before, .home-plant-selection *::after { box-sizing: border-box; }
.home-plant-selection .wrap { width: calc(100% - 3rem); max-width: 1280px; margin-inline: auto; padding: 0; }
.home-plants-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 1.5rem; margin-bottom: 1.8rem; }
.home-plants-heading > div { min-width: 0; }
.home-plants-eyebrow { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .15em; margin-bottom: .75rem; }
.home-plants-heading h2 { margin: 0; color: #f5f2e8; font-size: clamp(1.8rem, 3.6vw, 3.25rem); line-height: 1.08; letter-spacing: -.025em; }
.home-plants-heading h2 em { font-weight: inherit; color: #d6dec9; }
.home-plants-heading p { max-width: 35rem; margin: .9rem 0 0; color: #d6dec9; font-size: .95rem; line-height: 1.55; }
.home-plants-all { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 44px; padding: .65rem 1rem; border: 1px solid #d6dec9; color: #f5f2e8; font-size: .85rem; text-decoration: none; gap: .7rem; }
.home-plants-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.15rem; }
.home-plant-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #d9e0d2; background: #fff; color: #244d3b; text-decoration: none; }
.home-plant-photo { width: 100%; aspect-ratio: 1 / 1; padding: .75rem; overflow: hidden; background: #fff; }
.home-plant-photo img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain; }
.home-plant-card-copy { display: flex; flex: 1; flex-direction: column; min-width: 0; padding: 1rem; }
.home-plant-type { color: #607264; font-size: .65rem; line-height: 1.4; }
.home-plant-card h3 { margin: .45rem 0; color: #244d3b; font-size: 1.05rem; line-height: 1.25; overflow-wrap: anywhere; }
.home-plant-card-description { margin: 0 0 .8rem; color: #506558; font-size: .78rem; line-height: 1.5; }
.home-plant-price { margin: auto 0 0; font-size: 1rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.home-plant-price > span { display: block; margin-top: .25rem; color: #607264; font-size: .67rem; font-weight: 400; }
.home-plant-card-link { display: flex; justify-content: space-between; align-items: center; min-height: 44px; margin-top: .7rem; border-top: 1px solid #d9e0d2; font-size: .8rem; }
.home-plants-note { max-width: 56rem; margin: 1rem 0 0; color: #d6dec9; font-size: .72rem; line-height: 1.5; }
.home-plant-card:focus-visible, .home-plants-all:focus-visible { outline: 3px solid #168773; outline-offset: 4px; }
@media (hover: hover) { .home-plant-card:hover { border-color: #244d3b; } .home-plants-all:hover { background: #f5f2e8; color: #173d31; } }
@media (max-width: 700px) { .home-plant-selection .wrap { width: calc(100% - 2rem); } .home-plants-heading { display: block; } .home-plants-all { margin-top: 1rem; } .home-plants-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; } .home-plant-card-copy { padding: .75rem; } .home-plant-photo { padding: .5rem; } .home-plant-card h3 { font-size: .9rem; } .home-plant-card-description { font-size: .72rem; } }
@media (max-width: 360px) { .home-plant-card-copy { padding: .6rem; } .home-plants-grid { gap: .55rem; } .home-plant-type { font-size: .6rem; } }