/*! cro-s-pdp-mechanism.css — CRO Design System v1 · section pdp-mechanism ("how it works"). Token-only, no @layer,
 *  no !important. Scope: .cro.cro-s-pdp-mechanism → .cro.cro-s-pdp-mechanism .cro-s-pdp-mechanism__* (0,3,0).
 *  Steps are an <ol>; the number badge is decorative (aria-hidden) and screen readers get "Step n:" from a setting. */.cro.cro-s-pdp-mechanism{display:block;padding-block:var(--cro-section-y, clamp(64px, 45.333333px + 5.185185vw, 120px));background-color:var(--cro-bg, #FDFDFC);color:var(--cro-ink, #21201C)}.cro.cro-s-pdp-mechanism.cro-s--surface{background-color:var(--cro-surface, #EEEEED)}.cro.cro-s-pdp-mechanism.cro-s--pad-compact{padding-block:var(--cro-space-6, 48px)}.cro.cro-s-pdp-mechanism.cro-s--pad-none{padding-block:0}.cro.cro-s-pdp-mechanism .cro-s-pdp-mechanism__wrap{display:grid;gap:var(--cro-space-6, 48px);max-width:var(--cro-container, 1200px);margin-inline:auto;padding-inline:var(--cro-gutter, clamp(20px, 13.333333px + 1.851852vw, 40px))}.cro.cro-s-pdp-mechanism .cro-s-pdp-mechanism__body{display:grid;gap:var(--cro-space-6, 48px);align-items:center}.cro.cro-s-pdp-mechanism .cro-s-pdp-mechanism__figure{display:grid;gap:var(--cro-space-2, 8px);margin:0}.cro.cro-s-pdp-mechanism .cro-s-pdp-mechanism__caption{font-size:var(--cro-step--1, clamp(13px, 12.333333px + .185185vw, 15px));color:var(--cro-muted, #6C6C66)}.cro.cro-s-pdp-mechanism .cro-s-pdp-mechanism__steps{display:grid;gap:var(--cro-space-5, 32px);margin:0;padding:0;list-style:none}.cro.cro-s-pdp-mechanism .cro-s-pdp-mechanism__step{position:relative;display:grid;grid-template-columns:var(--cro-tap-min, 44px) minmax(0,1fr);column-gap:var(--cro-space-3, 16px);align-items:start}.cro.cro-s-pdp-mechanism .cro-s-pdp-mechanism__step:not(:last-child):before{content:"";position:absolute;inset-block:var(--cro-tap-min, 44px) calc(var(--cro-space-5, 32px) * -1);inset-inline-start:calc(var(--cro-tap-min, 44px) / 2);border-inline-start:var(--cro-border, 1px solid var(--cro-line, #DAD9D6))}.cro.cro-s-pdp-mechanism.cro-s--surface .cro-s-pdp-mechanism__num{--_num-bg: var(--cro-surface, #EEEEED)}.cro.cro-s-pdp-mechanism .cro-s-pdp-mechanism__content{display:grid;gap:var(--cro-space-2, 8px);min-width:0;padding-block-start:var(--cro-space-2, 8px)}.cro.cro-s-pdp-mechanism .cro-s-pdp-mechanism__step-media{margin-block-end:var(--cro-space-2, 8px)}@media(max-width:749px){.cro.cro-s-pdp-mechanism.cro-s-pdp-mechanism--phone-full .cro-s-pdp-mechanism__step{grid-template-columns:minmax(0,1fr);row-gap:var(--cro-space-3, 16px)}.cro.cro-s-pdp-mechanism.cro-s-pdp-mechanism--phone-full .cro-s-pdp-mechanism__step:before{display:none}.cro.cro-s-pdp-mechanism:not(.cro-s-pdp-mechanism--phone-full) .cro-s-pdp-mechanism__content:has(>.cro-s-pdp-mechanism__step-media){grid-template-columns:minmax(0,1fr) var(--cro-space-7, 64px);column-gap:var(--cro-space-3, 16px)}.cro.cro-s-pdp-mechanism:not(.cro-s-pdp-mechanism--phone-full) .cro-s-pdp-mechanism__content:has(>.cro-s-pdp-mechanism__step-media)>.cro-s-pdp-mechanism__title{grid-column:1;grid-row:1;align-self:center}.cro.cro-s-pdp-mechanism:not(.cro-s-pdp-mechanism--phone-full) .cro-s-pdp-mechanism__content:has(>.cro-s-pdp-mechanism__step-media)>:not(.cro-s-pdp-mechanism__step-media,.cro-s-pdp-mechanism__title){grid-column:1 / -1}.cro.cro-s-pdp-mechanism:not(.cro-s-pdp-mechanism--phone-full) .cro-s-pdp-mechanism__step-media{grid-column:2;grid-row:1;align-self:center;margin-block-end:0}}.cro.cro-s-pdp-mechanism .cro-s-pdp-mechanism__title{font-size:var(--cro-step-1, clamp(19px, 18px + .277778vw, 22px))}.cro.cro-s-pdp-mechanism .cro-s-pdp-mechanism__text{max-width:52ch;color:var(--cro-ink-soft, #63635E)}@media(min-width:990px){.cro.cro-s-pdp-mechanism.cro-s-pdp-mechanism--split .cro-s-pdp-mechanism__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--cro-space-7, 64px)}.cro.cro-s-pdp-mechanism.cro-s-pdp-mechanism--row .cro-s-pdp-mechanism__steps{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--cro-space-5, 32px)}.cro.cro-s-pdp-mechanism.cro-s-pdp-mechanism--row .cro-s-pdp-mechanism__step{grid-template-columns:minmax(0,1fr);row-gap:var(--cro-space-3, 16px);align-content:start}.cro.cro-s-pdp-mechanism.cro-s-pdp-mechanism--row .cro-s-pdp-mechanism__step:not(:last-child):before{inset-block:calc(var(--cro-tap-min, 44px) / 2) auto;inset-inline:var(--cro-tap-min, 44px) calc(var(--cro-space-5, 32px) * -1);border-inline-start:0;border-block-start:var(--cro-border, 1px solid var(--cro-line, #DAD9D6))}.cro.cro-s-pdp-mechanism.cro-s-pdp-mechanism--row .cro-s-pdp-mechanism__content{padding-block-start:0}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cro-s-pdp-mechanism.css.map */