.ingredient-cards{padding-block:var(--space-20)}.ingredient-cards__header{max-width:var(--container-narrow-max);margin-bottom:var(--space-12)}.ingredient-cards__headline{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-text);margin-top:var(--space-3)}.ingredient-cards__subhead{font-size:var(--text-md);line-height:var(--leading-snug);color:var(--color-text-muted);margin-top:var(--space-4);max-width:54ch}.ingredient-cards__grid{align-items:stretch}.ingredient-card{position:relative;display:flex;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm);height:100%;opacity:0;transform:translateY(16px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);transition-delay:calc((var(--stagger-index, 1) - 1) * 60ms)}.ingredient-card.is-visible{opacity:1;transform:translateY(0)}.ingredient-card:hover{box-shadow:var(--shadow-md)}.ingredient-card__accent-bar{flex-shrink:0;width:4px;align-self:stretch;border-radius:var(--radius-sm) 0 0 var(--radius-sm);background-color:var(--card-accent, var(--color-border-strong));transform-origin:left center;transition:transform var(--dur-base) var(--ease-out)}.ingredient-card:hover .ingredient-card__accent-bar{transform:scaleX(1.5)}.ingredient-card--coral{--card-accent: var(--color-primary)}.ingredient-card--mint{--card-accent: var(--ink)}.ingredient-card--lavender{--card-accent: var(--color-border-strong)}.ingredient-card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-6) var(--space-5);flex:1}.ingredient-card__category{align-self:flex-start}.ingredient-card__name{font-family:var(--font-heading);font-size:var(--text-xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0}.ingredient-card__function{font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--color-text-muted);flex:1;margin:0}.ingredient-card__meta{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.ingredient-card__pct{display:inline-flex;align-items:center;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:900;letter-spacing:var(--tracking-wide);color:var(--card-accent, var(--color-text-muted))}.ingredient-card__pct:before{content:"at ";font-family:var(--font-body);font-weight:400;color:var(--color-text-subtle);margin-right:var(--space-1)}.ingredient-card__detail{width:100%}.ingredient-card__detail-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--card-accent, var(--color-primary));cursor:pointer;list-style:none;padding:var(--space-1) 0;border-bottom:1px dashed currentColor;-webkit-user-select:none;user-select:none}.ingredient-card__detail-toggle::-webkit-details-marker,.ingredient-card__detail-toggle::marker{display:none}.ingredient-card__detail-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.ingredient-card__detail-icon{flex-shrink:0;width:14px;height:14px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease-out);margin-bottom:4px}details[open] .ingredient-card__detail-icon{transform:rotate(-135deg);margin-bottom:-2px}.ingredient-card__detail-body{font-size:var(--text-xs);line-height:var(--leading-loose);color:var(--color-text-muted);padding-top:var(--space-3);margin:0}.ingredient-cards__without{margin-top:var(--space-12);padding:var(--space-6) var(--space-8);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6)}.ingredient-cards__without-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-subtle);white-space:nowrap}.ingredient-cards__without-list{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}.ingredient-cards__without-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);white-space:nowrap}.ingredient-cards__without-item span{color:var(--color-primary);font-weight:700}.ingredient-cards__inci-link-wrap{margin-top:var(--space-8)}.ingredient-cards__inci-link{font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--color-border)}.ingredient-cards__inci-link:hover{text-decoration-color:var(--color-primary)}@media(max-width:767px){.ingredient-cards{padding-block:var(--space-14)}.ingredient-cards__without{flex-direction:column;align-items:flex-start}.ingredient-cards__without-list{gap:var(--space-2) var(--space-4)}}@media(max-width:479px){.ingredient-cards{padding-block:var(--space-12)}.ingredient-card__name{font-size:var(--text-lg)}}[data-section-theme=dark] .ingredient-card{background:#ffffff0d;border-color:#ffffff14}[data-section-theme=dark] .ingredient-card:hover{background:#ffffff14}[data-section-theme=dark] .ingredient-cards__without{background:#ffffff0a;border-color:#ffffff14}@media(prefers-reduced-motion:reduce){.ingredient-card{opacity:1;transform:none;transition:box-shadow var(--dur-base) var(--ease-out);transition-delay:0ms}.ingredient-card__detail-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-ingredient-cards.css.map */