.elementor-widget .produkt-03-recykling { padding: 0 var(--gutter) var(--space-2xl); background: var(--color-bg); }
.elementor-widget .produkt-03-recykling__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-s); max-width: var(--container-wide); margin-inline: auto; }
.elementor-widget .produkt-03-recykling__card { padding: var(--space-l); border: var(--border-width) solid var(--color-line); border-radius: var(--radius-m); background: var(--color-surface); box-shadow: var(--shadow-1); transition: transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out); }
.elementor-widget .produkt-03-recykling__card:hover { transform: translateY(var(--lift)); box-shadow: var(--shadow-2); }
.elementor-widget .produkt-03-recykling__card--main { background: var(--color-paper); text-align: center; }
.elementor-widget .produkt-03-recykling__title { display: flex; align-items: center; gap: var(--space-s); margin: 0 0 var(--space-s); font-family: var(--font-serif); font-weight: var(--weight-regular); font-size: var(--step-2); letter-spacing: var(--tracking-tight); color: var(--color-heading); }
.elementor-widget .produkt-03-recykling__card--main .produkt-03-recykling__title { justify-content: center; font-size: var(--step-3); }
.elementor-widget .produkt-03-recykling__icon { flex: none; width: var(--icon-l); height: var(--icon-l); fill: none; stroke: var(--color-sage-700); stroke-width: var(--icon-stroke); stroke-linecap: round; stroke-linejoin: round; transition: transform var(--dur-slow) var(--ease-out); }
.elementor-widget .produkt-03-recykling__icon--title { width: var(--icon-l); height: var(--icon-l); }
.elementor-widget .produkt-03-recykling__card--main:hover .produkt-03-recykling__icon--title { transform: rotate(calc(4 * var(--flip) / 3)); }
.elementor-widget .produkt-03-recykling__lead { margin: 0 0 var(--space-2xs); font-family: var(--font-serif); font-size: var(--step-1); color: var(--color-heading); }
.elementor-widget .produkt-03-recykling__text, .elementor-widget .produkt-03-recykling__foot { margin: 0 auto var(--space-m); max-width: var(--measure); font-size: var(--text-small); line-height: var(--leading-body); color: var(--color-heading); }
.elementor-widget .produkt-03-recykling__foot { margin-top: var(--space-m); margin-bottom: var(--space-s); }
.elementor-widget .produkt-03-recykling__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.elementor-widget .produkt-03-recykling__steps li { display: flex; flex-direction: column; align-items: center; gap: var(--space-xs); padding-inline: var(--space-2xs); font-size: var(--text-micro); line-height: var(--leading-body); color: var(--color-heading); }
.elementor-widget .produkt-03-recykling__steps li + li { border-left: var(--border-width) solid var(--color-line); }
.elementor-widget .produkt-03-recykling__steps li:hover .produkt-03-recykling__icon { transform: translateY(var(--lift)) scale(var(--grow-scale)); }
.elementor-widget .produkt-03-recykling__steps .produkt-03-recykling__icon { width: var(--space-2xl); height: var(--space-2xl); }
.elementor-widget .produkt-03-recykling__list { margin: 0 0 var(--space-s); padding-left: var(--space-m); font-size: var(--text-small); line-height: var(--leading-body); color: var(--color-heading); }
.elementor-widget .produkt-03-recykling__small { margin: 0; font-size: var(--text-micro); font-weight: var(--weight-medium); color: var(--color-heading); }
.elementor-widget .produkt-03-recykling__arrow { width: var(--space-s); height: var(--space-s); fill: none; stroke: currentColor; stroke-width: var(--icon-stroke); stroke-linecap: round; stroke-linejoin: round; transition: transform var(--dur-fast) var(--ease-out); }
.elementor-widget .produkt-03-recykling__link { display: inline-flex; align-items: center; gap: var(--space-2xs); color: var(--color-accent-text); font-size: var(--text-small); text-decoration: none; border-bottom: var(--border-width) solid transparent; transition: border-color var(--dur-fast) var(--ease-out); }
.elementor-widget .produkt-03-recykling__link:hover { border-bottom-color: currentColor; }
.elementor-widget .produkt-03-recykling__link:hover .produkt-03-recykling__arrow { transform: translateX(var(--space-3xs)); }
.elementor-widget .produkt-03-recykling__link:active { color: var(--color-heading); }
@media (min-width: 1024px) {
  .elementor-widget .produkt-03-recykling__inner--three { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1fr); align-items: stretch; }
  .elementor-widget .produkt-03-recykling__inner:not(.produkt-03-recykling__inner--three) .produkt-03-recykling__card--main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); grid-template-areas: "t s" "l s" "x s" "f s" "a s"; column-gap: var(--space-2xl); align-items: center; text-align: left; }
  .elementor-widget .produkt-03-recykling__inner:not(.produkt-03-recykling__inner--three) .produkt-03-recykling__title { grid-area: t; justify-content: flex-start; }
  .elementor-widget .produkt-03-recykling__inner:not(.produkt-03-recykling__inner--three) .produkt-03-recykling__lead { grid-area: l; }
  .elementor-widget .produkt-03-recykling__inner:not(.produkt-03-recykling__inner--three) .produkt-03-recykling__text { grid-area: x; margin-left: 0; }
  .elementor-widget .produkt-03-recykling__inner:not(.produkt-03-recykling__inner--three) .produkt-03-recykling__foot { grid-area: f; margin-left: 0; }
  .elementor-widget .produkt-03-recykling__inner:not(.produkt-03-recykling__inner--three) .produkt-03-recykling__link { grid-area: a; justify-self: start; }
  .elementor-widget .produkt-03-recykling__inner:not(.produkt-03-recykling__inner--three) .produkt-03-recykling__steps { grid-area: s; }
}
@media (prefers-reduced-motion: reduce) {
  .elementor-widget .produkt-03-recykling__card, .elementor-widget .produkt-03-recykling__icon, .elementor-widget .produkt-03-recykling__arrow, .elementor-widget .produkt-03-recykling__link { transition-duration: 0s; }
  .elementor-widget .produkt-03-recykling__card:hover, .elementor-widget .produkt-03-recykling__card:hover .produkt-03-recykling__icon { transform: none; }
}
