.flip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.flip{position:relative;display:block;width:100%;height:300px;text-align:left;color:var(--text);border-radius:var(--r-card)}.flip__inner{position:relative;display:block;width:100%;height:100%}.flip__face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:22px;overflow:hidden;border-radius:var(--r-card);background:var(--glass-lo);border:1px solid var(--line);transition:opacity .35s var(--ease),transform .45s var(--ease),visibility 0s linear .35s}.flip__front{justify-content:space-between;background:radial-gradient(80% 60% at 50% 45%,rgba(61,255,162,.1),transparent 70%),var(--glass-lo)}.flip__back{gap:10px;opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--glass-hi)}.flip.is-flipped .flip__back{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--ease),transform .45s var(--ease)}.flip.is-flipped .flip__front{opacity:0;visibility:hidden}@media(hover:hover){.flip:hover .flip__back{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--ease),transform .45s var(--ease)}.flip:hover .flip__front{opacity:0;visibility:hidden}}.flip__front .leaf-wrap{width:88px;height:88px;align-self:center;margin-top:16px;color:var(--neon);filter:drop-shadow(0 0 16px rgba(61,255,162,.5))}:root[data-theme=light] .flip__front .leaf-wrap{color:var(--accent);filter:none}.flip__front .leaf-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%}.flip__front .leaf-wrap svg{width:100%;height:100%}.flip__name{display:block;font:600 22px/1.2 var(--f-display)}.flip__front em{display:block;font-size:14px;color:var(--mist)}.flip__hint{font:500 11px var(--f-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.flip__use{font-size:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.flip__back .chip-row{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.flip .chip--sm{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1100px){.flip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.flip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(hover:none),(max-width:767px){.flip{height:auto;padding:16px 14px;cursor:default;background:radial-gradient(90% 50% at 20% 0%,rgba(61,255,162,.08),transparent 70%),var(--glass-lo);border:1px solid var(--line)}.flip__inner{height:auto;display:flex;flex-direction:column;gap:10px}.flip__face,.flip.is-flipped .flip__face,.flip.is-flipped .flip__front{position:static;inset:auto;padding:0;overflow:visible;border:0;background:none;opacity:1;visibility:visible;transform:none;transition:none}.flip__hint,.flip__back>.label{display:none}.flip__front{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px}.flip__front .leaf-wrap{width:40px;height:40px;margin:0;align-self:flex-start;filter:drop-shadow(0 0 10px rgba(61,255,162,.4))}.flip__name{font-size:17px;line-height:1.25;overflow-wrap:anywhere}.flip__front em{font-size:12px;line-height:1.3}.flip__back{gap:10px}.flip__use{font-size:14px;line-height:1.45;color:var(--mist);display:block;-webkit-line-clamp:unset;overflow:visible}.flip__back .chip-row{margin-top:2px;gap:5px}.flip .chip--sm{height:auto;padding:4px 9px;line-height:1.3;border-radius:8px;font:500 11.5px var(--f-body);letter-spacing:0;text-transform:none}}@media(prefers-reduced-motion:reduce){.flip__face,.flip.is-flipped .flip__back{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-ingredients.css.map */