.htu{background:var(--htu-band);padding-top:var(--htu-pad-top, 4.8rem);padding-bottom:var(--htu-pad-bottom, 5.4rem);font-family:var(--font-body-family);letter-spacing:normal;color:#fff}.htu__header{text-align:center;margin:0 auto 2.8rem}.htu__eyebrow{margin:0 0 1rem;font-size:1.3rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--htu-yellow)}.htu__heading{margin:0;font-family:var(--font-body-family);font-size:3rem;line-height:1.15;font-weight:800;letter-spacing:-.005em;color:#fff}.htu__cards{list-style:none;margin:0 auto;padding:0;display:grid;gap:2rem;max-width:52rem}.htu__card{display:flex;flex-direction:column;background:var(--htu-card);border-radius:2rem;overflow:hidden}.htu__media{position:relative;aspect-ratio:548 / 440;overflow:hidden;background:var(--htu-card);margin:1.2rem 1.2rem 0;border-radius:1.2rem}.htu__media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%!important;object-fit:cover;object-position:center 55%!important}.htu__body{position:relative;flex:1 1 auto;padding:4.4rem 2.4rem 2.8rem}.htu__num{position:absolute;top:-3.2rem;left:2rem;width:5.8rem;height:5.8rem;border-radius:50%;background:var(--htu-yellow);box-shadow:0 0 0 .4rem var(--htu-card);color:var(--htu-ink);display:inline-flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800;line-height:1}.htu__title{margin:0 0 1rem;font-family:var(--font-body-family);font-size:2.4rem;line-height:1.2;font-weight:800;color:var(--htu-title)}.htu__text{margin:0;font-size:1.6rem;line-height:1.6;color:var(--htu-ink)}.htu__tip{display:table;margin:2rem auto 0;padding:1.2rem 2.4rem;border-radius:99rem;background:var(--htu-yellow);color:var(--htu-ink);font-size:1.6rem;line-height:1.4;text-align:center}.htu__tip strong{font-weight:800}@media screen and (min-width:750px){.htu__header{margin-bottom:4rem}.htu__heading{font-size:4.2rem}.htu__cards{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.htu__body{padding:4.8rem 2.2rem 3rem}.htu__title{font-size:2.2rem}.htu__text{font-size:1.5rem}.htu__tip{margin-top:2.4rem;font-size:1.7rem;padding:1.3rem 3rem}}@media screen and (min-width:990px){.htu__inner{max-width:134rem}.htu__heading{font-size:5rem}.htu__cards{gap:2.8rem}.htu__num{top:-3.8rem;left:2.6rem;width:6.8rem;height:6.8rem;font-size:2.6rem}.htu__body{padding:5.6rem 2.8rem 3.6rem}.htu__title{font-size:2.8rem}.htu__text{font-size:1.7rem}.htu__tip{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/153/assets/component-pdp-creamer-how-to-use.css.map */