.hp-guide__panel{display:grid;grid-template-columns:minmax(28rem,50rem) minmax(0,59rem);gap:6.8rem;align-items:center;border-radius:var(--radius-panel);background:var(--cst-color-pink-light);position:relative}.hp-guide__content .hp-text{color:var(--text-primary)}.hp-guide__content{display:flex;flex-direction:column;align-items:flex-start;gap:0}.hp-guide__content .hp-header{margin:0 0 10px}.hp-guide__grid--split .hp-eyebrow{text-transform:unset}.hp-guide__content .hp-text{margin:0 0 20px}.hp-guide__media{min-width:0;margin:0;padding:0;border-radius:0;background:transparent;position:absolute;right:40px;bottom:0;border:0;border-bottom:0}.hp-guide__image{width:100%;max-width:59rem;height:auto;min-height:unset;border-radius:0;object-fit:cover}@media screen and (max-width:991px){.hp-guide__panel{padding:42px 22px}}@media screen and (max-width:749px){.hp-guide__panel{grid-template-columns:minmax(0,1fr);gap:4rem;padding:4rem 2rem}}.hp-guide__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem}.hp-guide__promo{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:10px!important;border-radius:var(--radius-panel);background:var(--hp-promo-bg, --text-primary);padding:42px 22px}.hp-guide__grid--split .hp-eyebrow{text-transform:unset;font-size:var(--font-size-heading-xs);font-weight:500}.hp-guide__promo-bg,.hp-guide__promo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hp-guide__promo-bg{z-index:-2;object-fit:cover}.hp-guide__promo-overlay{z-index:-1;background:var(--hp-promo-overlay, transparent);opacity:var(--hp-promo-overlay-opacity, 0);pointer-events:none}.hp-guide__promo-badge{flex:0 0 19rem;width:19rem}.hp-guide__promo-badge-image{display:block;width:100%;height:auto;border-radius:50%}.hp-guide__promo-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hp-guide__promo .hp-guide__promo-eyebrow{margin:0 0 10px;color:var(--hp-promo-eyebrow, #BFD632);text-transform:uppercase}.hp-guide__promo .hp-guide__promo-heading,.hp-guide__promo .hp-guide__promo-heading strong{color:var(--hp-promo-heading, #fff)}.hp-guide__promo .hp-guide__promo-heading{margin:0 0 10px;max-width:485px}.hp-guide__promo .hp-guide__promo-text{margin:0 0 20px;color:color-mix(in srgb,var(--surface-color) 60%,transparent)}.hp-guide__grid--split .hp-guide__media{right:8px;width:100%;max-width:250px;border-radius:15px 15px 0 0;overflow:hidden;border:8.55px solid #FFFFFF66;border-bottom:0}.hp-guide__promo.panel-right{display:flex;align-items:flex-start}@media screen and (min-width:990px){.hp-guide__grid--split{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-guide__grid--split .hp-guide__media>img.hp-guide__image{min-height:318px;object-fit:cover}.hp-guide__grid--split .hp-guide__panel,.hp-guide__promo{grid-template-columns:minmax(0,1fr);gap:0;padding:42px 20.5px}.hp-guide__grid--split .hp-guide__content{max-width:318px}}@media screen and (max-width:767px){.hp-guide__promo{flex-direction:column;align-items:flex-start;min-height:0}.hp-guide__promo-badge{flex-basis:auto;width:14rem}.hp-guide__media{position:static;max-width:100%!important}.hp-guide__panel{grid-template-columns:repeat(1,1fr);gap:30px}.hp-guide__panel{padding:2rem 2rem 0;display:flex;flex-flow:column;align-items:flex-start}.hp-guide__promo{padding:2rem}}@media screen and (max-width:1200px){.hp-guide__panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem}}@media(max-width:1199px){.hp-guide__grid{gap:2rem}.hp-guide__grid--split .hp-guide__content{max-width:calc(100% - 240px)}.hp-guide__grid--split .hp-guide__media{max-width:222px}}@media screen and (max-width:1199px){.hp-guide__promo .hp-guide__promo-heading{max-width:265px}}@media screen and (max-width:991px){.hp-guide__promo.panel-right{min-height:330px}}@media(max-width:991px){.hp-guide__grid--split .hp-guide__content{max-width:100%}}@media screen and (max-width:767px){.hp-guide__grid--split .hp-guide__media{max-width:100%;border-radius:0;border:0;border-bottom:0}.hp-guide__panel.panel-left{flex-flow:column-reverse;padding:0;overflow:hidden;gap:20px}.hp-guide__panel.panel-left .hp-guide__content{padding:0 15px 20px}.hp-guide__grid{gap:15px}}@media screen and (max-width:480px){.hp-guide__grid--split .hp-guide__media .hp-guide__image{max-height:280px;object-position:top}.hp-guide__promo.panel-right{min-height:250px}}@media screen and (min-width:1200px){.hp-guide__panel.panel-left{padding-left:40px}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/section-hp-guide.css.map */