.ecotrophy-social-proof-section{position:relative;margin-left:10px;margin-right:10px;border-radius:12px;box-sizing:border-box;overflow:visible;padding-top:80px;padding-bottom:24px;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .8s ease}.ecotrophy-social-proof-section.is-visible{opacity:1}.social-proof-wrapper{position:relative;width:100%}.social-proof-header{text-align:center;margin-top:20px;margin-bottom:28px;padding:0 16px;z-index:5;position:relative}.social-proof-title{font-family:inherit;font-size:26px;font-weight:800;color:#212121;margin:0 auto 8px;line-height:1.25;letter-spacing:-.02em;max-width:700px;text-transform:none}.social-proof-subtitle{font-family:inherit;font-size:14px;color:#555;margin:0 auto;line-height:1.4;max-width:600px}@media screen and (min-width:768px){.social-proof-header{margin-top:35px;margin-bottom:40px}.social-proof-title{font-size:38px}.social-proof-subtitle{font-size:16px}}@media screen and (min-width:768px){.ecotrophy-social-proof-section{border-radius:24px;padding-top:88px;padding-bottom:32px}}.indicator-line-container{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:5}.indicator-dot{width:10px;height:10px;background-color:#212121;border-radius:50%;margin-top:16px}.indicator-line{width:1.5px;height:60px;background-color:#21212166}@media screen and (min-width:768px){.indicator-line{height:70px}}.proof-slider-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding:16px;box-sizing:border-box;z-index:2}.proof-slide{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.proof-pill-border{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border:1.4px solid rgba(33,33,33,.4);border-radius:9999px;pointer-events:none;z-index:1;box-sizing:border-box;height:94vw;width:59vw}@media screen and (min-width:768px){.proof-pill-border{height:37vw;width:62vw}}@media screen and (min-width:1440px){.proof-pill-border{height:34vw;width:59vw}}.inner-ring{transform:translateY(var(--ring-translate, 0px)) scale(1.06)}.outer-ring{transform:translateY(var(--ring-translate, 0px)) scale(1.12)}.proof-center-pill{position:relative;margin:0 auto;border-radius:9999px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;z-index:3;transition:transform .1s linear;height:94vw;width:59vw;padding:16px}@media screen and (min-width:768px){.proof-center-pill{height:37vw;width:62vw;padding:32px}}@media screen and (min-width:1440px){.proof-center-pill{height:34vw;width:59vw}}.pill-background-img,.pill-background-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;z-index:1}.pill-background-placeholder{background-color:#212121}.pill-overlay-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;box-sizing:border-box;color:#fff}@media screen and (min-width:768px){.pill-overlay-content{gap:20px}}.proof-stars{display:flex;gap:4px;opacity:0;transform:translateY(10px);transition:opacity .6s ease .3s,transform .6s ease .3s}.proof-stars.is-visible{opacity:1;transform:translateY(0)}.star-icon{width:12px;height:12px;color:#fff}@media screen and (min-width:768px){.star-icon{width:16px;height:16px}}.proof-quote-text{font-family:Georgia,serif!important;font-size:15px;line-height:1.4;font-weight:400;margin:0;max-width:85%;color:#fff;opacity:0;transform:translateY(15px);transition:opacity .8s ease .5s,transform .8s ease .5s}.proof-quote-text.is-visible{opacity:1;transform:translateY(0)}@media screen and (min-width:768px){.proof-quote-text{font-size:20px;line-height:1.5;max-width:80%}}@media screen and (min-width:990px){.proof-quote-text{font-size:26px;line-height:1.6}}.proof-author-name{font-family:system-ui,-apple-system,sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#fff;font-style:normal;opacity:0;transform:translateY(10px);transition:opacity .6s ease .7s,transform .6s ease .7s}.proof-author-name.is-visible{opacity:.9;transform:translateY(0)}@media screen and (min-width:768px){.proof-author-name{font-size:12px}}.proof-floating-image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;z-index:10}.proof-foreground-floating-img{width:var(--w-mobile, 80vw);height:auto;object-fit:contain;opacity:0;transform:translateY(80px);transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),transform .1s linear;margin-bottom:var(--v-offset, -15px);margin-left:var(--h-offset, 0px);filter:drop-shadow(0 20px 30px rgba(0,0,0,.12))}.ecotrophy-social-proof-section.is-visible .proof-foreground-floating-img{opacity:1}@media screen and (min-width:768px){.proof-foreground-floating-img{width:var(--w-desktop, 48vw);margin-bottom:var(--v-offset, -25px);margin-left:var(--h-offset, 0px)}}.proof-bento-grid{display:grid;gap:40px;width:100%;max-width:1100px;margin:0 auto;position:relative;z-index:3}@media screen and (max-width:767px){.proof-bento-grid{grid-template-columns:1fr!important;gap:28px;padding:0 8px}}.bento-layout--1{grid-template-columns:1fr;max-width:650px}.bento-layout--2{grid-template-columns:1fr 1fr}@media screen and (min-width:768px){.bento-layout--3{grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;height:580px}.bento-layout--3 .bento-tile-wrapper:nth-child(1){grid-row:span 2;height:100%!important}}.bento-layout--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}@media screen and (min-width:768px){.bento-layout--4{height:620px}}.bento-tile-wrapper{position:relative;width:100%;height:270px;box-sizing:border-box}@media screen and (min-width:768px){.bento-layout--1 .bento-tile-wrapper{height:380px}.bento-layout--2 .bento-tile-wrapper{height:420px}.bento-layout--4 .bento-tile-wrapper{height:100%}}.bento-tile{position:absolute;top:24px;left:24px;right:24px;bottom:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;background-color:#212121;background-image:var(--tile-bg-image);background-repeat:no-repeat;background-size:var(--grid-width, 100%) var(--grid-height, 100%);background-position:calc(-1 * var(--tile-left, 0px)) calc(-1 * var(--tile-top, 0px));transition:transform .1s linear}.bento-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:1;pointer-events:none}.pill-overlay-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;box-sizing:border-box;color:#fff;padding:24px}.shape-pill{border-radius:9999px!important}.shape-circle{border-radius:50%!important}.bento-tile-wrapper.shape-circle{aspect-ratio:1 / 1!important;width:auto!important;height:100%!important;max-width:100%!important;margin:0 auto!important}@media screen and (max-width:767px){.bento-tile-wrapper.shape-circle{width:280px!important;height:280px!important}}.shape-rounded_rect{border-radius:32px!important}.proof-pill-border.shape-rounded_rect{border-radius:44px!important}@media screen and (min-width:768px){.shape-rounded_rect{border-radius:48px!important}.proof-pill-border.shape-rounded_rect{border-radius:60px!important}}.shape-rounded_triangle,.proof-pill-border.shape-rounded_triangle{border-radius:50% 50% 15% 15%/60% 60% 40% 40%!important}.shape-abstract_blob,.proof-pill-border.shape-abstract_blob{border-radius:30% 70% 70% 30%/30% 30% 70% 70%!important}.bento-tile-wrapper .proof-pill-border{width:auto;height:auto;position:absolute;top:10px;left:10px;right:10px;bottom:10px;margin:auto}.bento-tile-wrapper .outer-ring{transform:translateY(var(--ring-translate, 0px))}
/*# sourceMappingURL=/cdn/shop/t/37/assets/ecotrophy-social-proof.css.map */