.nbh{--nbh-accent: #f2b457;--nbh-card: #ffffff;--nbh-heading: rgb(var(--color-text-heading, var(--color-foreground)));position:relative;overflow:hidden;isolation:isolate}.nbh__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:4rem;align-items:center}@media(min-width:990px){.nbh__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6rem}}.nbh__content>*{margin:0}.nbh__content>*+*{margin-top:2.4rem}.nbh__rating{display:inline-flex;align-items:center;gap:1rem;padding:.8rem 1.8rem;border-radius:99px;background:var(--nbh-card);color:var(--nbh-heading);font-size:1.5rem;font-weight:var(--font-body-weight-bolder, 500);line-height:1.3}.nbh__stars{display:inline-flex;gap:.2rem;color:var(--nbh-accent)}.nbh__stars svg{width:1.6rem;height:1.6rem;fill:currentColor}.nbh__content>.nbh__title{margin-top:2.8rem}.nbh__title--xl{font-size:clamp(3.8rem,4.6vw + 1.6rem,7.6rem);line-height:1.08}.nbh__title>*{margin:0}.nbh__text{max-width:58rem;color:rgba(var(--color-foreground),.85)}.nbh__text--base{font-size:var(--font-body-size, 1.6rem)}.nbh__text--large{font-size:clamp(1.7rem,.3vw + 1.5rem,1.9rem);line-height:1.6}.nbh__text>*{margin:0}.nbh__text>*+*{margin-top:1em}.nbh__content>.nbh__buttons{margin-top:3.6rem}.nbh__buttons{display:flex;flex-wrap:wrap;gap:2rem 1.2rem}.nbh__buttons .btn--outline{--buttons-padding: 4rem}.nbh__btn{position:relative;display:flex}.nbh__tag{position:absolute;z-index:2;top:0;left:50%;transform:translate(-50%,-62%) rotate(-4deg);padding:.3rem 1.2rem;border-radius:99px;background:var(--nbh-accent);color:var(--nbh-heading);font-size:1.3rem;font-weight:600;line-height:1.4;white-space:nowrap;pointer-events:none}.nbh__arrow{width:1.8rem;height:1.8rem;flex:none}.nbh__ticks{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1.2rem 3.2rem;font-size:1.6rem;font-weight:var(--font-body-weight-bolder, 500);line-height:1.4}.nbh__ticks li{display:inline-flex;align-items:center;gap:1rem}.nbh__tick{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--nbh-heading);color:rgb(var(--color-background))}.nbh__tick svg{width:1.4rem;height:1.4rem}.nbh__visual{display:flex;justify-content:center;padding:0 6% 0 10%}.nbh__stage{position:relative;width:min(100%,56rem);aspect-ratio:1;container-type:inline-size}.nbh__circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--nbh-accent)}.nbh__image{position:absolute;left:50%;top:calc(50% + var(--nbh-img-offset, 0%));width:var(--nbh-img-size, 118%);max-width:none;height:auto;transform:translate(-50%,-50%)}.nbh__badge{position:absolute;top:9%;left:82%;width:max(21%,7.6rem);aspect-ratio:1;margin:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--nbh-badge, var(--nbh-heading));color:var(--nbh-badge-text, rgb(var(--color-background)));text-align:center}.nbh__badge-inner{display:flex;flex-direction:column;align-items:center;transform:rotate(10deg)}.nbh__badge-big{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 700);letter-spacing:var(--font-heading-letter-spacing, normal);font-size:max(2.2rem,6.2cqi);line-height:1}.nbh__badge-small{margin-top:.3em;font-size:max(1rem,2.3cqi);font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.1}.nbh__card{position:absolute;left:-9%;top:74%;max-width:75%;margin:0;padding:max(1.2rem,2.6cqi) max(1.6rem,3.6cqi);border-radius:1.8rem;background:var(--nbh-card);box-shadow:0 1.6rem 4rem #00000014;display:flex;flex-direction:column;gap:.2em}.nbh__card-label{font-size:max(1.1rem,2.3cqi);font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1.2;color:color-mix(in srgb,var(--nbh-accent) 78%,#000)}.nbh__card-title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 700);font-size:max(1.5rem,3.8cqi);line-height:1.2;color:var(--nbh-heading)}.nbh__ring{--size: clamp(26rem, 30vw, 46rem);position:absolute;z-index:-1;left:calc(var(--size) * -.42);bottom:calc(var(--size) * -.5);width:var(--size);height:var(--size);border-radius:50%;border:calc(var(--size) * .16) solid var(--nbh-ring, color-mix(in srgb, var(--nbh-accent) 28%, rgb(var(--color-background))));pointer-events:none}@media(max-width:989px){.nbh--mobile-image-first .nbh__visual{order:-1}.nbh__stage{width:min(100%,44rem)}}@media(max-width:767px){.nbh__grid{gap:3.2rem}.nbh__content>*+*{margin-top:2rem}.nbh__content>.nbh__buttons{margin-top:2.8rem}.nbh__buttons{row-gap:2.8rem}.nbh__btn{flex:1 1 100%}.nbh__btn .btn{width:100%}.nbh__ticks{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/natora-box-hero.css.map */