.serum-hero{position:relative;display:block;overflow:hidden;background:#f3eee6}.serum-hero__media{aspect-ratio:var(--sh-mobile-ratio, 1)}.serum-hero__media picture,.serum-hero__image{display:block;width:100%;height:100%}.serum-hero__image{object-fit:cover;object-position:center}.serum-hero__placeholder{background:#ece5d8}.serum-hero__buttons{position:absolute;top:var(--sh-mobile-y);left:var(--sh-mobile-x);transform:translate(-50%);display:flex;flex-direction:column;gap:8px;white-space:nowrap}.serum-hero__button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:max(128px,30vw);min-height:max(36px,7vw);padding:6px 14px;border:1px solid #d4c8b0;font-family:Lato,Lato-fallback,sans-serif;font-size:14px;font-weight:400;line-height:22px;text-decoration:none;transition:background-color var(--duration-default) ease,color var(--duration-default) ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;letter-spacing:0}.serum-hero__button:after{content:"";position:absolute;top:-5px;right:0;bottom:-5px;left:0}.serum-hero__button--primary{background:#b9924c;color:#fff}.serum-hero__button--secondary{background:#fff;color:#1a1208}.serum-hero__button:focus-visible{outline:2px solid #1a1208;outline-offset:2px}@media(hover:hover){.serum-hero__button--primary:hover{background:#a8823f}.serum-hero__button--secondary:hover{background:#f8f5ee}}@media screen and (max-width:359px){.serum-hero__buttons{gap:6px}.serum-hero__button{min-height:32px;padding:4px 14px}.serum-hero__button:after{top:-4px;right:0;bottom:-4px;left:0}}@media screen and (min-width:750px){.serum-hero__media{aspect-ratio:100 / var(--sh-desktop-height, 22.5)}.serum-hero__buttons{top:var(--sh-desktop-y);left:var(--sh-desktop-x);flex-direction:row;gap:8px}.serum-hero__button{width:158px;min-width:0;min-height:42px;padding:8px 20px;font-size:16px}.serum-hero__button:after{top:-2px;right:0;bottom:-2px;left:0}}
/*# sourceMappingURL=/cdn/shop/t/145/assets/section-serum-hero.css.map */