.elementor-widget .zestawy-05-scent { padding: 0 var(--gutter) var(--space-xl); background: var(--color-bg); scroll-margin-top: var(--header-height); }
.elementor-widget .zestawy-05-scent__inner { display: grid; grid-template-columns: minmax(0, 1fr); max-width: var(--container); margin-inline: auto; overflow: hidden; border-radius: var(--radius-m); background: var(--color-lavender-100); box-shadow: var(--shadow-1); }
.elementor-widget .zestawy-05-scent__intro { padding: var(--space-xl) var(--space-l) var(--space-m); }
.elementor-widget .zestawy-05-scent__heart { display: block; width: var(--icon-s); height: var(--icon-s); margin-bottom: var(--space-xs); fill: var(--color-lavender-500); }
.elementor-widget .zestawy-05-scent__title { margin: 0 0 var(--space-s); font-family: var(--font-serif); font-weight: var(--weight-regular); font-size: var(--step-3); line-height: var(--leading-heading); color: var(--color-heading); }
.elementor-widget .zestawy-05-scent__text { margin: 0 0 var(--space-m); font-size: var(--text-small); line-height: var(--leading-body); color: var(--color-text); }
.elementor-widget .zestawy-05-scent__btn { display: inline-flex; align-items: center; gap: var(--space-xs); min-height: var(--control-height); padding-inline: var(--space-m); border-radius: var(--radius-s); background: var(--color-lavender-700); color: var(--color-white); font-size: var(--text-small); font-weight: var(--weight-medium); letter-spacing: var(--tracking-caps); text-decoration: none; transition: background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out); }
.elementor-widget .zestawy-05-scent__btn:hover { background: var(--color-heading); transform: translateY(var(--lift)); box-shadow: var(--shadow-2); }
.elementor-widget .zestawy-05-scent__btn:active { background: var(--color-lavender-500); transform: scale(var(--press-scale)); }
.elementor-widget .zestawy-05-scent__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 .zestawy-05-scent__btn:hover .zestawy-05-scent__arrow { transform: translateX(var(--space-3xs)); }
.elementor-widget .zestawy-05-scent__steps { display: grid; gap: var(--space-l); margin: 0; padding: var(--space-m) var(--space-l) var(--space-xl); list-style: none; counter-reset: none; }
.elementor-widget .zestawy-05-scent__step { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; }
.elementor-widget .zestawy-05-scent__badge { display: grid; place-items: center; width: var(--space-3xl); aspect-ratio: 1; border: var(--border-width) solid var(--color-lavender-300); border-radius: var(--radius-round); 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 .zestawy-05-scent__step:hover .zestawy-05-scent__badge { transform: translateY(var(--lift)) scale(var(--grow-scale)); box-shadow: var(--shadow-2); }
.elementor-widget .zestawy-05-scent__icon { width: var(--icon-l); height: var(--icon-l); fill: none; stroke: var(--color-accent-text); stroke-width: var(--icon-stroke); stroke-linecap: round; stroke-linejoin: round; }
.elementor-widget .zestawy-05-scent__num { margin-top: var(--space-s); font-family: var(--font-serif); font-size: var(--step-1); color: var(--color-heading); }
.elementor-widget .zestawy-05-scent__name { margin: 0 0 var(--space-2xs); font-family: var(--font-serif); font-weight: var(--weight-regular); font-size: var(--step-2); color: var(--color-heading); }
.elementor-widget .zestawy-05-scent__desc { max-width: var(--measure-narrow); margin: 0; font-size: var(--text-micro); line-height: var(--leading-body); color: var(--color-text); }
.elementor-widget .zestawy-05-scent__media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; }
.elementor-widget .zestawy-05-scent__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-slow) var(--ease-out); }
.elementor-widget .zestawy-05-scent__inner:hover .zestawy-05-scent__img { transform: scale(var(--zoom-hover)); }
@media (min-width: 768px) {
  .elementor-widget .zestawy-05-scent__badge { width: var(--space-4xl); }
  .elementor-widget .zestawy-05-scent__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-m); }
  .elementor-widget /* Linia przerywana między krokami, .elementor-widget jak na makiecie */
  .zestawy-05-scent__step + .zestawy-05-scent__step::before { content: ""; position: absolute; top: calc(var(--space-4xl) / 2); right: calc(50% + var(--space-4xl) / 2 + var(--space-2xs)); width: calc(100% - var(--space-4xl) - var(--space-s)); border-top: var(--border-width) dashed var(--color-lavender-300); }
}
@media (min-width: 1024px) {
  .elementor-widget .zestawy-05-scent__inner { grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr); align-items: center; }
  .elementor-widget .zestawy-05-scent__intro { padding: var(--space-xl) 0 var(--space-xl) var(--space-l); }
  .elementor-widget .zestawy-05-scent__steps { padding: var(--space-xl) var(--space-s); }
  .elementor-widget .zestawy-05-scent__media { align-self: stretch; aspect-ratio: auto; min-height: var(--media-min); }
  .elementor-widget /* Gradient z powodem: zdjęcie wtapia się w lawendowe tło karty */
  .zestawy-05-scent__media::before { content: ""; position: absolute; inset: 0; z-index: var(--z-base); background: linear-gradient(90deg, var(--color-lavender-100), transparent 40%); }
}
@media (prefers-reduced-motion: reduce) {
  .elementor-widget .zestawy-05-scent__btn, .elementor-widget .zestawy-05-scent__arrow, .elementor-widget .zestawy-05-scent__badge, .elementor-widget .zestawy-05-scent__img { transition-duration: 0s; }
  .elementor-widget .zestawy-05-scent__btn:hover, .elementor-widget .zestawy-05-scent__step:hover .zestawy-05-scent__badge, .elementor-widget .zestawy-05-scent__inner:hover .zestawy-05-scent__img { transform: none; }
}