.hero{display:grid}.hero__media{position:relative;background:var(--c-surface);overflow:hidden}.hero__img{height:min(52svh,125vw);overflow:hidden}.hero__img picture{display:block;width:100%;height:100%}.hero__img img{width:100%;height:100%;object-fit:cover;object-position:var(--focal, 50% 35%);transform:scale(var(--zoom, 1));transform-origin:var(--focal, 50% 35%)}.hero__media--sheet{background:var(--c-bg)}.hero__stage{position:relative;height:clamp(300px,50svh,560px);display:flex;align-items:center;justify-content:center;gap:32px;container-type:size;--sh: 84cqh}.hero__sheet{position:relative;z-index:1;flex:none;height:var(--sh);aspect-ratio:297 / 420;background:#fff;box-shadow:var(--sheet-shadow)}.hero__sheet img,.hero__sheet svg{width:100%;height:100%;object-fit:cover}.hero__inset{display:none;flex:none;align-self:flex-end;margin-bottom:calc((100cqh - var(--sh)) / 2);height:min(calc(var(--sh) * .45),330px);aspect-ratio:4 / 5;overflow:hidden;box-shadow:0 1px 1px #1d1b1914,0 14px 26px -12px #1d1b1959}.hero__inset img{width:100%;height:100%;object-fit:cover}.hero__stage.has-inset--mobile{--sh: min(84cqh, calc((100cqw - 2 * var(--gutter) - 32px) / 1.067))}.hero__stage.has-inset--mobile .hero__inset{display:block}.hero__content{padding:26px var(--gutter) 56px}.hero__inner{display:grid;gap:14px}.hero__text{max-width:24rem}.hero__price{display:grid;gap:0}.hero__price .delivery-note{margin-top:4px}.hero__actions{margin-top:6px}@media(min-width:990px){.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:min(calc(100svh - var(--header-h)),960px)}.hero__media{grid-column:2;grid-row:1}.hero__img{height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.hero__stage{height:100%;position:absolute;top:0;right:0;bottom:0;left:0;--sh: 80cqh}.hero__stage.has-inset{gap:clamp(32px,3vw,48px);--sh: min(80cqh, calc((100cqw - 112px) / 1.067))}.hero__stage.has-inset .hero__inset{display:block}.hero__content{grid-column:1;grid-row:1;display:flex;align-items:flex-end;padding:64px 56px 88px max(var(--gutter),calc((100vw - var(--page-width)) / 2))}.hero__inner{gap:22px}.hero__actions{margin-top:10px}.hero--image-left{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.hero--image-left .hero__media{grid-column:1}.hero--image-left .hero__content{grid-column:2;padding:64px max(var(--gutter),calc((100vw - var(--page-width)) / 2)) 88px 56px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero.css.map */