/* Fyllaura: what you can grow + garden builder */
.fygr{--g:#2E5A43;--d:#1F3B2D;--line:rgb(14 27 34 / .16);display:block;padding-block:clamp(48px,7vw,104px);color:var(--color-foreground,#0E1B22)}
.fygr [hidden]{display:none!important}
.fygr-head{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(24px,3.4vw,48px)}
@media (min-width:750px){.fygr-head{flex-direction:row;justify-content:space-between;align-items:end;gap:40px}.fygr-lead{max-width:27rem}}
.fygr-eyebrow{font-size:.8125rem;letter-spacing:.18em;text-transform:uppercase;color:var(--g);margin:0 0 14px}
.fygr-h2{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight,500);font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.1;letter-spacing:-.01em;margin:0}
.fygr-lead{font-size:clamp(1rem,1.3vw,1.1875rem);line-height:1.6;margin:0;opacity:.86}
.fygr-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,20px)}
@media (min-width:990px){.fygr-cards{grid-template-columns:repeat(6,minmax(0,1fr))}}
.fygr .fygr-card{appearance:none;display:block;width:100%;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.fygr-card__art{position:relative;display:block;aspect-ratio:1/1;background:#EEF4EF;overflow:hidden;transition:background .3s}
.fygr-card__art::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 80% 0%,rgb(255 238 178 / .75),transparent 70%);transition:opacity .4s;opacity:.7}
.fygr-card:hover .fygr-card__art::before{opacity:1}
.fygr-card__art svg{position:absolute;inset:6% 6% 0;width:88%;height:94%;display:block;overflow:visible}
.fygr-plant{transform-box:fill-box;transform-origin:50% 100%;transform:scale(0);transition:transform .9s cubic-bezier(.3,1.4,.5,1)}
.fygr.is-in .fygr-plant{transform:scale(.9)}
.fygr.is-in .fygr-card:hover .fygr-plant,.fygr.is-in .fygr-card:focus-visible .fygr-plant{transform:scale(1)}
.fygr-cards li:nth-child(2) .fygr-plant{transition-delay:.08s}.fygr-cards li:nth-child(3) .fygr-plant{transition-delay:.16s}.fygr-cards li:nth-child(4) .fygr-plant{transition-delay:.24s}.fygr-cards li:nth-child(5) .fygr-plant{transition-delay:.32s}.fygr-cards li:nth-child(6) .fygr-plant{transition-delay:.4s}
.fygr-card:hover .fygr-plant,.fygr-card:focus-visible .fygr-plant{transition-delay:0s!important}
.fygr-add{position:absolute;right:8px;top:8px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--g);font-size:1.25rem;line-height:1;box-shadow:0 2px 8px rgb(14 27 34 / .12);transition:background .2s,color .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.fygr-card:hover .fygr-add,.fygr-card:focus-visible .fygr-add{background:var(--g);color:#fff;transform:scale(1.12)}
.fygr-card:focus-visible{outline:0}
.fygr-card:focus-visible .fygr-card__art{outline:2px solid var(--g);outline-offset:3px}
.fygr-card[disabled]{cursor:default}
.fygr-card[disabled] .fygr-add{opacity:0}
.fygr-count{position:absolute;left:8px;top:8px;min-width:26px;height:26px;padding:0 8px;box-sizing:border-box;border-radius:13px;background:var(--d);color:#fff;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center}
.fygr-name{display:block;font-size:1.125rem;font-weight:500;margin:12px 0 2px}
.fygr-note{display:block;font-size:.875rem;opacity:.75}
.fygr-tray{position:relative;overflow:hidden;margin-top:clamp(24px,3.4vw,44px);background:var(--d);color:#fff;padding:clamp(20px,2.8vw,36px);display:grid;gap:20px;align-items:center}
.fygr-tray::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 78% 0%,rgb(255 238 178 / .18),transparent 70%);pointer-events:none}
@media (min-width:990px){.fygr-tray{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);column-gap:clamp(28px,4vw,64px)}}
.fygr-tray>*{position:relative;min-width:0}
.fygr-tray__label{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#C9D6C6;margin:0 0 8px}
.fygr-status{font-family:var(--font-heading--family);font-size:clamp(1.375rem,2.2vw,1.875rem);line-height:1.2;margin:0;min-height:2.4em}
.fygr-actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:14px}
.fygr .fygr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:#fff;color:var(--d);font-size:1.0625rem;font-weight:500;text-decoration:none;border-radius:0;transition:background .2s,transform .2s}
.fygr .fygr-btn:hover{background:#E9EFEA;color:var(--d);transform:translateY(-2px)}
.fygr .fygr-reset{appearance:none;background:none;border:0;padding:8px 0;color:#fff;font:inherit;font-size:1rem;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.fygr-btn:focus-visible,.fygr-reset:focus-visible,.fygr-pod:focus-visible{outline:2px solid #fff;outline-offset:3px}
.fygr-pods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(6px,1vw,12px)}
.fygr .fygr-pod{appearance:none;position:relative;display:block;width:100%;aspect-ratio:1/1.1;padding:0;border:1px solid rgb(255 255 255 / .18);border-radius:0;background:rgb(255 255 255 / .05);cursor:default;overflow:hidden;transition:border-color .2s,background .2s}
.fygr-pod::before{content:"";position:absolute;left:50%;bottom:11%;width:46%;aspect-ratio:1/.32;border-radius:50%;background:#0F1F17;transform:translateX(-50%)}
.fygr-pod svg{position:absolute;left:8%;right:8%;bottom:13%;width:84%;height:auto;aspect-ratio:1/1;overflow:visible;transform-origin:50% 100%;animation:fygr-pop .6s cubic-bezier(.3,1.6,.5,1) both}
.fygr-pod.is-on{cursor:pointer;border-color:rgb(255 255 255 / .4);background:rgb(255 255 255 / .1)}
.fygr-pod.is-on:hover{border-color:#fff}
@keyframes fygr-pop{from{transform:scale(0)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.fygr *{transition:none!important;animation:none!important}.fygr .fygr-plant{transform:scale(.9)}}