.cc-story-overlay{background:var(--cc-story-overlay-bg, #454e3c);color:var(--cc-story-overlay-steps-text, #fff);padding-block:var(--cc-story-overlay-desktop-padding, 40px)}.cc-story-overlay__container{width:100%;max-width:160rem;margin-inline:auto;padding-inline:clamp(2rem,4.8vw,7.6rem)}.cc-story-overlay__stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,calc(50% + clamp(2rem,3.25vw,6rem))) minmax(0,1fr);min-height:0;height:auto}.cc-story-overlay__photo-frame{position:absolute;z-index:0;top:2rem;right:0;bottom:2rem;left:0;overflow:hidden;background:#ffffff1a}.cc-story-overlay__photo,.cc-story-overlay__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:right var(--cc-story-overlay-photo-position, 50%)}.cc-story-overlay__placeholder{background:#ffffff1f;fill:#ffffff8c}.cc-story-overlay__cards{position:relative;z-index:1;grid-column:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:clamp(2rem,2.2vw,4.2rem);padding-left:clamp(2rem,3.25vw,6rem);min-width:0}.cc-story-overlay__card,.cc-story-overlay__faq-card{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:var(--cc-story-overlay-radius, 20px);box-shadow:0 .55rem 1.6rem #0f160b4d}.cc-story-overlay__card--highlights{display:flex;align-items:center;background:var(--cc-story-overlay-highlights-bg, #95b252);color:var(--cc-story-overlay-highlights-text, #fff)}.cc-story-overlay__highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:clamp(2rem,2.6vw,4.2rem) clamp(1.2rem,1.8vw,3rem);width:100%;padding:clamp(2.2rem,3.1vw,4.8rem)}.cc-story-overlay__highlight{display:grid;grid-template-columns:clamp(5.2rem,4.8vw,8.8rem) minmax(0,1fr);align-items:center;gap:clamp(.9rem,1.05vw,1.6rem);min-width:0}.cc-story-overlay__highlight-icon{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;color:var(--cc-story-overlay-highlights-icon, #454e3c)}.cc-story-overlay__highlight-image,.cc-story-overlay__highlight-icon svg{display:block;width:100%;height:100%;object-fit:contain}.cc-story-overlay__highlight-text{margin:0;color:var(--cc-story-overlay-highlights-text, #fff);font-family:var(--cc-font-obviously-narrow, "obviously-narrow", sans-serif);font-size:clamp(1.35rem,1.38vw,2.8rem);font-weight:600;line-height:1.2;text-transform:uppercase;overflow-wrap:anywhere}.cc-story-overlay__highlight-text :is(p,ul,ol,li){margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:inherit}.cc-story-overlay__highlight-text>*+*{margin-top:.4em}.cc-story-overlay__highlight-text :is(ul,ol){padding-inline-start:1.25em}.cc-story-overlay__highlight-text>:is(h1,h2,h3,h4,h5,h6){margin:0;color:inherit;font-family:inherit;font-size:1.1em;font-weight:700;line-height:1.2}.cc-story-overlay__highlight-text :is(a,a:visited){color:inherit;text-decoration:underline;text-underline-offset:.12em}.cc-story-overlay__card--steps,.cc-story-overlay__faq-card{background:var(--cc-story-overlay-steps-bg, #454e3c);color:var(--cc-story-overlay-steps-text, #fff)}.cc-story-overlay .cc-product-story__tile-inner{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;height:100%;min-height:0;padding:clamp(2rem,2.8vw,4.2rem)}.cc-story-overlay .cc-product-story__heading{margin:0 0 clamp(1.5rem,1.8vw,2.8rem);color:var(--cc-story-overlay-steps-text, #fff);font-family:var(--cc-font-obviously, sans-serif);font-size:clamp(2.9rem,3.05vw,5.4rem);font-weight:800;line-height:1.05;text-align:center;text-transform:uppercase}.cc-story-overlay .cc-product-story__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(.6rem,1.25vw,2rem)}.cc-story-overlay .cc-product-story__step{min-width:0;text-align:center}.cc-story-overlay .cc-product-story__step-icon{display:flex;align-items:center;justify-content:center;width:clamp(3.7rem,3.4vw,6rem);height:clamp(3.7rem,3.4vw,6rem);margin:0 auto .8rem;color:var(--cc-story-overlay-steps-icon, #95b252)}.cc-story-overlay .cc-product-story__step-image,.cc-story-overlay .cc-product-story__step-icon svg{display:block;width:100%;height:100%;object-fit:contain}.cc-story-overlay .cc-product-story__step-heading{margin:0 0 .7rem;color:var(--cc-story-overlay-steps-text, #fff);font-family:var(--cc-font-obviously-narrow, "obviously-narrow", sans-serif);font-size:clamp(1.4rem,1.5vw,2.6rem);font-weight:600;line-height:1.15;text-transform:uppercase}.cc-story-overlay .cc-product-story__step-description{margin:0;color:var(--cc-story-overlay-steps-text, #fff);font-family:var(--cc-font-thicccboi, sans-serif);font-size:clamp(1.15rem,1.28vw,2.1rem);font-weight:500;line-height:1.35}.cc-story-overlay .cc-product-story__step-description--richtext>*{margin-block:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.cc-story-overlay .cc-product-story__step-description--richtext>*+*{margin-top:.4em}.cc-story-overlay__faq-card{max-width:90rem;margin:clamp(2.5rem,4vw,6rem) auto 0}.cc-story-overlay__faq-card .cc-product-story__tile-inner{display:block;height:auto;padding:clamp(2.5rem,3vw,4.5rem)}.cc-story-overlay .cc-product-story__faq-list{max-height:55rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}.cc-story-overlay .cc-product-story__faq-item{border-bottom:1px solid rgba(255,255,255,.4)}.cc-story-overlay .cc-product-story__faq-item:last-child{border-bottom:0}.cc-story-overlay .cc-product-story__faq-question{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.6rem 0;color:var(--cc-story-overlay-steps-text, #fff);font-family:var(--cc-font-thicccboi, sans-serif);font-size:clamp(1.3rem,1.2vw,1.8rem);font-weight:700;line-height:1.3;cursor:pointer;list-style:none}.cc-story-overlay .cc-product-story__faq-question::-webkit-details-marker{display:none}.cc-story-overlay .cc-product-story__faq-question::marker{content:""}.cc-story-overlay .cc-product-story__faq-question:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.cc-story-overlay .cc-product-story__faq-indicator{position:relative;flex:0 0 2.4rem;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--cc-story-overlay-steps-text, #fff);color:var(--cc-story-overlay-steps-bg, #454e3c)}.cc-story-overlay .cc-product-story__faq-indicator:before,.cc-story-overlay .cc-product-story__faq-indicator:after{content:"";position:absolute;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%)}.cc-story-overlay .cc-product-story__faq-indicator:before{width:1.15rem;height:2px}.cc-story-overlay .cc-product-story__faq-indicator:after{width:2px;height:1.15rem}.cc-story-overlay .cc-product-story__faq-item[open] .cc-product-story__faq-indicator:after{display:none}.cc-story-overlay .cc-product-story__faq-answer{padding:0 3.6rem 1.8rem 0;color:var(--cc-story-overlay-steps-text, #fff);font-family:var(--cc-font-thicccboi, sans-serif);font-size:clamp(1.3rem,1.1vw,1.7rem);line-height:1.5}.cc-story-overlay .cc-product-story__faq-answer :is(p,a,h2,h3,h4){color:inherit}.cc-story-overlay .cc-product-story__faq-answer>:first-child{margin-top:0}.cc-story-overlay .cc-product-story__faq-answer>:last-child{margin-bottom:0}@media screen and (min-width:750px){.cc-story-overlay__photo-frame{position:relative;inset:auto;grid-column:1 / -1;grid-row:1;align-self:center;margin-block:2rem}.cc-story-overlay__photo,.cc-story-overlay__placeholder{height:auto;object-fit:contain}.cc-story-overlay__cards{grid-row:1;align-self:center}}@media screen and (min-width:750px)and (max-width:1199px){.cc-story-overlay__stage{height:auto}.cc-story-overlay__cards{padding-left:2.2rem;gap:2rem}.cc-story-overlay__highlights{padding:2rem 1.5rem;gap:2rem 1rem}.cc-story-overlay__highlight{grid-template-columns:4.6rem minmax(0,1fr);gap:.8rem}.cc-story-overlay__highlight-text{font-size:clamp(1.25rem,1.3vw,1.8rem)}.cc-story-overlay .cc-product-story__tile-inner{padding:2rem 1.4rem}.cc-story-overlay .cc-product-story__heading{font-size:clamp(2.6rem,2.8vw,3.6rem)}.cc-story-overlay .cc-product-story__step-heading{font-size:clamp(1.1rem,1.4vw,1.7rem)}.cc-story-overlay .cc-product-story__step-description{font-size:clamp(1rem,1.3vw,1.6rem)}}@media screen and (max-width:749px){.cc-story-overlay{padding-block:0 3.5rem}.cc-story-overlay__container{max-width:none;padding-inline:0}.cc-story-overlay__stage{display:block;min-height:0;height:auto;padding-top:var(--cc-story-overlay-mobile-photo-height, 310px)}.cc-story-overlay__photo-frame{top:0;right:0;bottom:auto;left:0;height:var(--cc-story-overlay-mobile-photo-height, 310px)}.cc-story-overlay__cards{display:flex;flex-direction:column;gap:1.7rem;width:100%;margin-top:calc(-1 * var(--cc-story-overlay-mobile-overlap, 45px));padding-inline:1.6rem}.cc-story-overlay__card{width:100%;min-height:0;border-radius:min(var(--cc-story-overlay-radius, 20px),16px)}.cc-story-overlay__highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.9rem 1.2rem;padding:2.4rem 1.7rem}.cc-story-overlay__highlight{grid-template-columns:4.2rem minmax(0,1fr);gap:.8rem}.cc-story-overlay__highlight-text{font-size:clamp(1.1rem,3.15vw,1.6rem);line-height:1.22}.cc-story-overlay .cc-product-story__tile-inner{padding:2.4rem 1.3rem 2.8rem}.cc-story-overlay .cc-product-story__heading{margin-bottom:1.8rem;font-size:clamp(2.8rem,7.2vw,4.1rem)}.cc-story-overlay .cc-product-story__steps{gap:.7rem}.cc-story-overlay .cc-product-story__step-icon{width:3.6rem;height:3.6rem;margin-bottom:.6rem}.cc-story-overlay .cc-product-story__step-heading{font-size:clamp(1.1rem,2.95vw,1.5rem)}.cc-story-overlay .cc-product-story__step-description{font-size:clamp(1.03rem,2.85vw,1.35rem);line-height:1.32}.cc-story-overlay__faq-card{margin:2rem 1.6rem 0}.cc-story-overlay__faq-card .cc-product-story__tile-inner{padding:2rem}.cc-story-overlay .cc-product-story__faq-answer{padding-right:1.5rem}}@media screen and (max-width:380px){.cc-story-overlay__highlights{gap:1.5rem .8rem;padding:1.8rem 1.2rem}.cc-story-overlay__highlight{grid-template-columns:3.4rem minmax(0,1fr);gap:.6rem}.cc-story-overlay__highlight-text{font-size:clamp(1rem,2.85vw,1.2rem);line-height:1.18}}
/*# sourceMappingURL=/cdn/shop/t/432/assets/custom-product-story-overlay.css.map */