.bonk-steps{padding:56px 16px 65.75px;background:#000;color:#fff}.bonk-steps :where(h2,p){margin:0}.bonk-steps__header{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.bonk-steps__heading{font-family:var(--bonk-font);font-weight:900;font-size:32px;line-height:36px;letter-spacing:0;color:#fff}.bonk-steps__text{font-family:var(--bonk-font);font-weight:400;font-size:16px;line-height:20px;letter-spacing:0;color:#fffc}.bonk-steps__script{display:none}.bonk-steps__cards{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;margin-top:48px;counter-reset:bonk-step}.bonk-steps__footer{display:flex;justify-content:center;margin-top:52px}.bonk-steps__button,.bonk-steps__button:visited{display:inline-flex;align-items:center;justify-content:center;padding:15.55px 32px;border:.55px solid #ffffff;background:#000;color:#fff;font-family:var(--bonk-font);font-weight:800;font-size:14px;line-height:20px;letter-spacing:1.4px;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease,color .2s ease}@media(hover:hover){.bonk-steps__button[href]:hover{background:#fff;color:#000}}@media screen and (min-width:750px){.bonk-steps{padding-inline:32px}.bonk-steps__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media screen and (min-width:990px){.bonk-steps{padding:64px 0}.bonk-steps__header,.bonk-steps__cards{max-width:1280px;margin-inline:auto;padding-inline:24px}.bonk-steps__heading{max-width:642px;font-size:48px;line-height:56px}.bonk-steps__text{font-size:20px;line-height:28px}.bonk-steps__script{position:absolute;top:67.9px;left:1119.25px;display:block;width:154px;font-family:var(--bonk-font-script);font-weight:400;font-size:44px;line-height:30px;letter-spacing:0;white-space:pre;color:#f0eeed;transform:rotate(-13.45deg);transform-origin:0 0;pointer-events:none}.bonk-steps__cards{gap:32px;margin-top:56px;padding-top:16px}.bonk-steps__footer{margin-top:58.5px;padding-bottom:1.5px}.bonk-steps__button{width:310px;height:52px;padding:0 20px;border-width:1px;font-size:16px}}@media screen and (min-width:990px)and (max-width:1199px){.bonk-steps__script{display:none}}@media screen and (min-width:1200px)and (max-width:1319px){.bonk-steps__script{left:auto;right:24px}}@media(prefers-reduced-motion:reduce){.bonk-steps__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-bonk-system-steps.css.map */