.pf-quiz-banner{position:relative;overflow:visible}.pf-quiz-banner--bg-lime{background-color:var(--color-primary-lime)}@media screen and (min-width:990px){.pf-quiz-banner--bg-lime{height:560px}}.pf-quiz-banner--bg-dark-green{background-color:var(--color-primary-green)}.pf-quiz-banner--bg-light-green{background-color:var(--color-bg-light-green)}.pf-quiz-banner--bg-white{background-color:var(--color-bg-white)}.pf-quiz-banner--bg-pumpkin{background-color:var(--color-bg-pumpkin)}.pf-quiz-banner__inner{display:flex;flex-direction:column}.pf-quiz-banner__image-col{width:100%;padding:0 20px;overflow:hidden}.pf-quiz-banner__product-img,.pf-quiz-banner__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.pf-quiz-banner__content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-md);order:-1}.pf-quiz-banner__icon-group{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);width:fit-content}.pf-quiz-banner__icon-wrap{width:64px;height:64px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.pf-quiz-banner__icon-img{width:44px;height:44px;object-fit:contain}.pf-quiz-banner__icon-label{font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:1.6rem;line-height:1.15;letter-spacing:-.04em;color:var(--color-text-dark);text-align:center;margin:0}.pf-quiz-banner__text-block{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(max-width:990px){.pf-quiz-banner__text-block{gap:6px}}.pf-quiz-banner__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:3.2rem;line-height:1.15;letter-spacing:-.04em;color:var(--color-text-dark);margin:0}.pf-quiz-banner__body{font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:1.6rem;line-height:1.5;letter-spacing:-.04em;color:var(--color-text-dark);margin:0}.pf-quiz-banner--bg-dark-green .pf-quiz-banner__heading,.pf-quiz-banner--bg-dark-green .pf-quiz-banner__body,.pf-quiz-banner--bg-dark-green .pf-quiz-banner__icon-label{color:var(--color-text-on-dark)}.pf-quiz-banner__cta{width:100%;align-self:flex-start;background-color:var(--color-primary-green);color:var(--color-text-on-dark);border-color:var(--color-primary-green)}@media screen and (min-width:750px){.pf-quiz-banner__cta{width:initial}}@media screen and (min-width:750px){.pf-quiz-banner__content{padding:var(--spacing-xl) var(--spacing-2xl)}.pf-quiz-banner__heading{font-size:3.8rem}}@media screen and (min-width:990px){.pf-quiz-banner__inner{flex-direction:row;align-items:stretch}.pf-quiz-banner__image-col{position:absolute;bottom:-48px;left:0;width:70%;height:100%;aspect-ratio:auto;overflow:visible;z-index:2}.pf-quiz-banner__product-img,.pf-quiz-banner__placeholder{width:100%;height:100%;object-fit:contain;object-position:bottom}.pf-quiz-banner__content{position:relative;z-index:3;margin-left:52%;justify-content:center;gap:48px;padding:var(--spacing-xl) clamp(var(--spacing-lg),12.5vw,180px) var(--spacing-xl) var(--spacing-xl)}.pf-quiz-banner__heading{font-size:4.3rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/pawfume-quiz-banner.css.map */