.oils-hero{display:block}.oils-hero{--ohm: min(1, 100vw / 440px);position:relative;width:100%;min-width:360px;overflow:hidden;aspect-ratio:440 / 627.73;background-color:#e8b484}.oils-hero__bg-picture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.oils-hero__bg{position:absolute;display:block;max-width:none;object-fit:fill;width:111.55%;height:111.23%;left:-11.55%;top:-2.71%}.oils-hero__inner{position:relative;z-index:1;height:100%}.oils-hero__content{position:absolute;left:calc(50% - (42px * var(--ohm)));top:calc(22px * var(--ohm));width:calc(308px * var(--ohm));transform:translate(-50%);display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:calc(11px * var(--ohm))}.oils-hero__headline{margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:calc(4px * var(--ohm));width:100%;font-family:Poppins,sans-serif;font-weight:700;font-size:calc(32px * var(--ohm));line-height:calc(29.68px * var(--ohm));letter-spacing:-.28px;color:#fff;text-align:left;text-transform:none}.oils-hero__headline span{display:block}.oils-hero__tagline,.oils-hero__tagline p{margin:0;width:100%;color:#601b2b;font-family:Poppins,sans-serif;font-weight:400;font-size:calc(13.5px * var(--ohm));line-height:calc(18.23px * var(--ohm));text-align:left}.oils-hero__tagline strong,.oils-hero__tagline b{font-weight:700}.oils-hero__buttons{display:flex;flex-direction:row;align-items:flex-start;gap:calc(11px * var(--ohm))}.oils-hero__btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;padding:calc(10px * var(--ohm)) 0;gap:calc(8px * var(--ohm));border-style:solid;border-width:1px;border-radius:calc(3px * var(--ohm));font-family:Poppins,sans-serif;font-weight:700;font-size:calc(14px * var(--ohm));line-height:calc(21.76px * var(--ohm));letter-spacing:.32px;text-decoration:none;text-transform:none;white-space:nowrap;cursor:pointer;transition:transform .15s ease,background-color .15s ease,color .15s ease}.oils-hero__btn--primary{width:calc(135px * var(--ohm));background:#ca195d;border-color:#fff;color:#fff}.oils-hero__btn--secondary{width:calc(192px * var(--ohm));background:#fff;border-color:#ca195d;color:#ca195d}.oils-hero__btn--primary:hover{background:#b01552}.oils-hero__btn--secondary:hover{background:#fff5f8}.oils-hero__btn:focus-visible{outline:2px solid #ca195d;outline-offset:3px}.oils-hero__btn-icon{flex:none;display:block;max-width:none}.oils-hero__btn-icon--mobile{width:calc(20px * var(--ohm));height:calc(20px * var(--ohm))}.oils-hero__btn-icon--desktop{display:none}.oils-hero__features{position:absolute;left:calc(50% - (145px * var(--ohm)));top:calc(231px * var(--ohm));width:calc(102px * var(--ohm));transform:translate(-50%);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:calc(11px * var(--ohm))}.oils-hero__feature{display:flex;flex-direction:row;align-items:center;gap:calc(6px * var(--ohm));width:100%}.oils-hero__feature-icon{flex:none;overflow:hidden;width:calc(25px * var(--ohm));height:calc(25px * var(--ohm))}.oils-hero__feature-icon img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.oils-hero__feature-label{flex:1 0 0;min-width:0;margin:0;color:#601b2b;font-family:Poppins,sans-serif;font-weight:400;font-size:calc(13px * var(--ohm));line-height:calc(16.25px * var(--ohm));letter-spacing:-.5px}.oils-hero__divider{display:block;width:100%;height:0;border:0;border-top:.5px solid #601b2b;flex:none}@media(min-width:750px){.oils-hero{--oh: calc(100vw/2000px) ;aspect-ratio:2000 / 833;min-width:360px}.oils-hero__bg{width:126.13%;height:112.16%;left:-17.86%;top:-6.13%}.oils-hero__inner{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:calc(188px * var(--oh)) 0 0 calc(161px * var(--oh));gap:calc(18px * var(--oh))}.oils-hero__content{position:relative;left:auto;top:auto;transform:none;width:calc(819px * var(--oh));gap:calc(18px * var(--oh))}.oils-hero__headline{gap:0;font-size:calc(80px * var(--oh));line-height:calc(80px * var(--oh))}.oils-hero__tagline,.oils-hero__tagline p{font-size:calc(30px * var(--oh));line-height:calc(36px * var(--oh))}.oils-hero__buttons{gap:calc(18px * var(--oh))}.oils-hero__btn{padding:calc(30px * var(--oh)) 0;gap:calc(16px * var(--oh));border-width:1.5px;border-radius:0;font-size:calc(30px * var(--oh));line-height:calc(21.76px * var(--oh))}.oils-hero__btn--primary{width:calc(233px * var(--oh))}.oils-hero__btn--secondary{width:calc(365px * var(--oh))}.oils-hero__btn-icon--mobile{display:none}.oils-hero__btn-icon--desktop{display:block;width:calc(24px * var(--oh));height:calc(18px * var(--oh))}.oils-hero__features{position:relative;left:auto;top:auto;transform:none;width:calc(571px * var(--oh));flex-direction:row;align-items:center;justify-content:space-between;gap:0}.oils-hero__feature{width:calc(166px * var(--oh));gap:calc(5px * var(--oh))}.oils-hero__feature:nth-child(3){width:calc(167px * var(--oh))}.oils-hero__feature-icon{width:calc(50px * var(--oh));height:calc(50px * var(--oh))}.oils-hero__feature-label{font-size:calc(22px * var(--oh));line-height:calc(22px * var(--oh));letter-spacing:-.5px}.oils-hero__divider{display:none}}.oils-hero--editor-bg .oils-hero__bg{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center}@media(prefers-reduced-motion:reduce){.oils-hero__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/405/assets/homepage-oils-hero.css.map?v=154129106150938547821790109337 */

/* ------------------------------------------------------------------
   Desktop only: keep the hero within one screen alongside the header
   and promo strip. Mobile rules are left exactly as the live theme
   defines them.
   ------------------------------------------------------------------ */
@media (min-width: 1024px) {
	.oils-hero {
		aspect-ratio: 2.45 / 1;
		min-height: 560px;
		max-height: 640px;
		display: flex;
		align-items: center;
	}

	.oils-hero__inner {
		flex: 1 1 auto;
		height: auto;
		justify-content: center;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.oils-hero__bg {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		object-fit: cover;
		object-position: right center;
	}
}