.bonk-feature{container-type:inline-size;position:relative;overflow:hidden;padding:64px 16px 38.63px;background:#000;color:#fff}.bonk-feature :where(h2,h3,p){margin:0}.bonk-feature__stage{display:flex;flex-direction:column;counter-reset:bonk-callout}.bonk-feature__header,.bonk-feature__stage>.shopify-block,.bonk-feature__footer{position:relative;z-index:1}.bonk-feature__header{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.bonk-feature__heading{padding-top:8px;font-family:var(--bonk-font);font-weight:900;font-size:36px;line-height:40px;letter-spacing:0;text-transform:capitalize;text-wrap:balance;color:#fff}.bonk-feature__text{max-width:370px;font-family:var(--bonk-font);font-weight:500;font-size:16px;line-height:24px;letter-spacing:0;color:#fff}.bonk-feature__stage>.shopify-block:has([data-mobile-position=above]){order:1}.bonk-feature__figure{order:2;position:relative;z-index:0;height:385px}.bonk-feature__stage>.shopify-block:has([data-mobile-position=below]){order:3}.bonk-feature__footer{order:4;display:flex;justify-content:center;padding-top:32px}.bonk-feature__image{position:absolute;top:-491px;left:50%;width:680px;max-width:none;height:auto;transform:translate(-50%)}.bonk-feature__dot{position:absolute;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#fff;font-family:var(--bonk-font);font-weight:900;font-size:14px;line-height:18px;color:#000}.bonk-feature__dot--1{top:130px;left:calc(50% - 129px)}.bonk-feature__dot--2{top:341px;left:calc(50% - 18px)}.bonk-feature__dot--3{top:123px;left:calc(50% + 55px)}.bonk-feature__dot--4{top:240px;left:calc(50% + 95px)}.bonk-feature__line{display:none}.bonk-feature__button,.bonk-feature__button:visited{display:inline-flex;align-items:center;justify-content:center;padding:28px 40px;background:#fff;font-family:var(--bonk-font);font-weight:900;font-size:14px;line-height:21px;letter-spacing:2px;text-align:center;text-transform:uppercase;text-decoration:none;color:#000}.bonk-feature__button:focus-visible{outline:2px solid #ffffff;outline-offset:3px}@media(hover:hover){.bonk-feature__button:hover{background:#e5e5e5}}@media screen and (min-width:750px){.bonk-feature{padding-inline:32px}}@media screen and (min-width:1200px){.bonk-feature{padding:0}.bonk-feature__stage{--u: min(1px, 100cqw / 1440);position:relative;display:block;max-width:1440px;height:calc(1100 * var(--u));margin:0 auto}.bonk-feature__header{position:absolute;top:calc(83 * var(--u));right:calc(104 * var(--u));left:calc(104 * var(--u));gap:calc(16 * var(--u))}.bonk-feature__heading{padding-top:0;font-size:calc(44 * var(--u));line-height:calc(56 * var(--u));letter-spacing:calc(-1.8 * var(--u));white-space:nowrap}.bonk-feature__text{max-width:calc(524 * var(--u));font-size:calc(20 * var(--u));line-height:calc(24 * var(--u))}.bonk-feature__stage>.shopify-block{position:static}.bonk-feature__figure{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.bonk-feature__image{top:0;left:calc(5 * var(--u));width:calc(1430 * var(--u));height:calc(1100 * var(--u));object-fit:cover;transform:none}.bonk-feature__dot{display:none}.bonk-feature__line{position:absolute;display:block}.bonk-feature__line--1{top:calc(334 * var(--u));left:calc(376 * var(--u));width:calc(121.333 * var(--u));height:calc(130.333 * var(--u))}.bonk-feature__line--2{top:calc(717.5 * var(--u));left:calc(328 * var(--u));width:calc(382.333 * var(--u));height:calc(91.833 * var(--u))}.bonk-feature__line--3{top:calc(332.5 * var(--u));left:calc(842.667 * var(--u));width:calc(204.333 * var(--u));height:calc(75.833 * var(--u))}.bonk-feature__line--4{top:calc(573 * var(--u));left:calc(930.667 * var(--u));width:calc(153.833 * var(--u));height:calc(46.833 * var(--u))}.bonk-feature__footer{position:absolute;top:calc(923 * var(--u));right:0;left:0;padding-top:0}.bonk-feature__button,.bonk-feature__button:visited{padding:calc(16 * var(--u)) calc(20 * var(--u));font-weight:800;font-size:calc(16 * var(--u));line-height:calc(20 * var(--u));letter-spacing:calc(1.4 * var(--u))}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-bonk-feature.css.map */
