.bonst-hero__slide--steps{--steps-accent: #f8b8a8;--steps-ink: #2e1518}.bonst-hero .bonst-hero__slide--steps .bonst-hero__media:before{display:none!important;content:none!important}.bonst-hero .bonst-hero__slide--steps .bonst-hero__eyebrow{display:inline-block;margin:0 0 1.4rem;padding:.55em .9em;border-radius:.4rem;background:var(--steps-accent);color:var(--steps-ink);font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1}.bonst-hero__steps{list-style:none;margin:0;padding:0;display:grid}.bonst-hero__step{display:grid;grid-template-columns:auto 1fr;align-items:center}.bonst-hero__step-num{display:grid;place-items:center;border-radius:50%;background:var(--steps-accent);color:var(--steps-ink);font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.bonst-hero__step-copy{display:grid}.bonst-hero__step-title{color:var(--steps-ink);font-weight:600;letter-spacing:-.01em;line-height:1.2}.bonst-hero__step-text{color:#2e1518b8;line-height:1.35}.bonst-hero__trust{margin:0;color:#2e1518b3;letter-spacing:.01em}.bonst-hero .bonst-hero__slide--steps .bonst-hero__arrow{color:var(--steps-accent)}.bonst-hero .bonst-hero__slide--steps .bonst-hero__button:hover{background:var(--steps-accent);color:var(--steps-ink)}.bonst-hero .bonst-hero__slide--steps .bonst-hero__button:hover .bonst-hero__arrow{color:var(--steps-ink)}.bonst-hero .bonst-hero__slide--steps .bonst-hero__button:focus-visible{outline-color:var(--steps-ink)}@media screen and (min-width:750px){.bonst-hero .bonst-hero__slide--steps .bonst-hero__text{max-width:calc(var(--hw) * .4)}.bonst-hero .bonst-hero__slide--steps .bonst-hero__eyebrow{font-size:calc(var(--hw) * .0085);margin-bottom:calc(var(--hw) * .012)}.bonst-hero .bonst-hero__slide--steps .bonst-hero__heading{font-size:calc(var(--hw) * .05)}.bonst-hero .bonst-hero__slide--steps .bonst-hero__subheading{font-size:calc(var(--hw) * .016)}.bonst-hero__slide--steps .bonst-hero__steps{gap:calc(var(--hw) * .012);margin-top:calc(var(--hw) * .022)}.bonst-hero__slide--steps .bonst-hero__step{column-gap:calc(var(--hw) * .011)}.bonst-hero__slide--steps .bonst-hero__step-num{width:calc(var(--hw) * .03);height:calc(var(--hw) * .03);font-size:calc(var(--hw) * .0105)}.bonst-hero__slide--steps .bonst-hero__step-title{font-size:calc(var(--hw) * .0128)}.bonst-hero__slide--steps .bonst-hero__step-text{font-size:calc(var(--hw) * .0102);margin-top:.15em}.bonst-hero .bonst-hero__slide--steps .bonst-hero__button{margin-top:calc(var(--hw) * .022)}.bonst-hero__slide--steps .bonst-hero__trust{font-size:calc(var(--hw) * .0092);margin-top:calc(var(--hw) * .011)}}@media screen and (max-width:749px){.bonst-hero__slide--steps:not(.bonst-hero__slide--has-mobile) .bonst-hero__image{object-position:80% 50%!important}.bonst-hero .bonst-hero__slide--steps .bonst-hero__content{padding:6rem 1.6rem 2rem;background:linear-gradient(to top,#f5f1e6f5,#f5f1e6e6 70%,#f5f1e600)}.bonst-hero .bonst-hero__slide--steps .bonst-hero__eyebrow{font-size:1rem;margin-bottom:.8rem}.bonst-hero .bonst-hero__slide--steps .bonst-hero__heading{font-size:3rem}.bonst-hero .bonst-hero__slide--steps .bonst-hero__subheading{display:none}.bonst-hero__slide--steps .bonst-hero__steps{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.2rem}.bonst-hero__slide--steps .bonst-hero__step{grid-template-columns:1fr;justify-items:start;row-gap:.5rem;align-items:start;align-content:start}.bonst-hero__slide--steps .bonst-hero__step-num{width:2.6rem;height:2.6rem;font-size:1.1rem}.bonst-hero__slide--steps .bonst-hero__step-title{font-size:1.3rem}.bonst-hero__slide--steps .bonst-hero__step-text{display:none}.bonst-hero .bonst-hero__slide--steps .bonst-hero__button{margin-top:1.4rem}.bonst-hero__slide--steps .bonst-hero__trust{font-size:1.1rem;margin-top:.8rem}}.bonst-hero .bonst-hero__slide--promo:has(.bonst-hero__trust) .bonst-hero__media:before{display:none!important;content:none!important}.bonst-hero .bonst-hero__slide--promo:has(.bonst-hero__trust):not(.bonst-hero__slide--steps) .bonst-hero__eyebrow{display:inline-block;margin:0 0 1.4rem;padding:.55em .9em;border-radius:.4rem;background:#f8b8a8;color:#2e1518;font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1}.bonst-hero .bonst-hero__slide--promo:has(.bonst-hero__trust) .bonst-hero__arrow{color:#f8b8a8}.bonst-hero .bonst-hero__slide--promo:has(.bonst-hero__trust) .bonst-hero__button:hover{background:#f8b8a8;color:#2e1518}.bonst-hero .bonst-hero__slide--promo:has(.bonst-hero__trust) .bonst-hero__button:hover .bonst-hero__arrow{color:#2e1518}@media screen and (min-width:750px){.bonst-hero .bonst-hero__slide--promo:has(.bonst-hero__trust):not(.bonst-hero__slide--steps) .bonst-hero__eyebrow{font-size:calc(var(--hw) * .0085);margin-bottom:calc(var(--hw) * .012)}.bonst-hero .bonst-hero__slide--promo:has(.bonst-hero__trust):not(.bonst-hero__slide--steps) .bonst-hero__trust{font-size:calc(var(--hw) * .0092);margin-top:calc(var(--hw) * .011)}}@media screen and (max-width:749px){.bonst-hero__slide--promo:has(.bonst-hero__trust):not(.bonst-hero__slide--has-mobile):not(.bonst-hero__slide--steps) .bonst-hero__image{object-position:68% 50%!important}.bonst-hero .bonst-hero__slide--promo:has(.bonst-hero__trust):not(.bonst-hero__slide--steps) .bonst-hero__content{padding:6rem 1.6rem 2rem;background:linear-gradient(to top,#f5f1e6f2,#f5f1e6d9 65%,#f5f1e600)}.bonst-hero .bonst-hero__slide--promo:has(.bonst-hero__trust):not(.bonst-hero__slide--steps) .bonst-hero__eyebrow{font-size:1rem;margin-bottom:.8rem}.bonst-hero__slide--promo:has(.bonst-hero__trust):not(.bonst-hero__slide--steps) .bonst-hero__trust{font-size:1.1rem;margin-top:.8rem}}.bonst-hero__slide--cutout{--slice: url(bonst-grapefrukt-skive.svg);--slice2: url(bonst-grapefrukt-skive-2.svg);--symbol: url(bonst-symbol-grapefrukt.svg)}.bonst-hero__slide--cutout .bonst-hero__media{background:linear-gradient(115deg,#f5f1e6 0% 38%,#f9dccf 68%,#f8b8a8)}.bonst-hero .bonst-hero__slide--cutout .bonst-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.bonst-hero .bonst-hero__slide--decor-slices .bonst-hero__media:after{opacity:.85;background:var(--slice) no-repeat,var(--slice2) no-repeat,var(--slice2) no-repeat,var(--slice) no-repeat,var(--slice) no-repeat!important}.bonst-hero .bonst-hero__slide--decor-symbol .bonst-hero__media:after{opacity:.55;background:var(--symbol) no-repeat,var(--symbol) no-repeat!important}.bonst-hero__slide--cutout .bonst-hero__image{position:absolute;z-index:2;width:auto!important;aspect-ratio:4 / 5;object-fit:contain!important;mix-blend-mode:multiply;transform:none!important}@media screen and (min-width:750px){.bonst-hero__slide--cutout .bonst-hero__image{inset:8% 9% auto auto!important;height:84%!important}.bonst-hero .bonst-hero__slide--decor-slices .bonst-hero__media:after{background-size:15cqw,11cqw,13cqw,9cqw,12cqw!important;background-position:47% -9%,101% 6%,96% 112%,56% 104%,104% 58%!important}.bonst-hero .bonst-hero__slide--decor-symbol .bonst-hero__media:after{background-size:36cqw,8cqw!important;background-position:88% 45%,49% 12%!important}.bonst-hero .bonst-hero__slide--cutout .bonst-hero__heading{font-size:calc(var(--hw) * .05);white-space:nowrap}.bonst-hero .bonst-hero__slide--cutout .bonst-hero__subheading{margin-top:calc(var(--hw) * .004)}}@media screen and (max-width:749px){.bonst-hero__slide--cutout .bonst-hero__image{inset:4% 0 auto 0!important;margin:0 auto;height:60%!important;object-position:50% 50%!important}.bonst-hero .bonst-hero__slide--decor-slices .bonst-hero__media:after{background-size:38vw,26vw,30vw,22vw,0!important;background-position:-14vw -6vw,108% 4%,112% 62%,-8vw 58%,0 0!important}.bonst-hero .bonst-hero__slide--decor-symbol .bonst-hero__media:after{background-size:92vw,0!important;background-position:50% 8%,0 0!important}}@media screen and (min-width:750px){.bonst-hero__slide:has(img[src*=kreatinpakninger]) .bonst-hero__media{background:radial-gradient(120% 140% at 100% 100%,#fdc6b7,#fbe2d4 38%,#f9f2e7 70%)}.bonst-hero__slide:has(img[src*=kreatinpakninger]) .bonst-hero__image{position:absolute;inset:13% 3% auto auto!important;width:auto!important;height:76%!important;aspect-ratio:1672 / 941;object-fit:contain!important;transform:none!important;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 90%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);mask-composite:intersect}.bonst-hero .bonst-hero__slide:has(img[src*=kreatinpakninger]) .bonst-hero__heading{font-size:calc(var(--hw) * .05);white-space:nowrap}.bonst-hero .bonst-hero__slide:has(img[src*=kreatinpakninger]) .bonst-hero__subheading{margin-top:calc(var(--hw) * .004)}}@media screen and (min-width:750px){.bonst-hero .bonst-hero__slide--promo:has(.bonst-hero__trust):not(.bonst-hero__slide--steps) .bonst-hero__heading{font-size:calc(var(--hw) * .05);white-space:nowrap}.bonst-hero .bonst-hero__slide--promo:has(.bonst-hero__trust):not(.bonst-hero__slide--steps) .bonst-hero__subheading{margin-top:calc(var(--hw) * .004)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/bonst-hero-steps.css.map */