.custom-difference{position:relative;width:100%;overflow:hidden}.custom-difference__wave-wrapper{position:absolute;top:-1px;left:0;width:100%;height:clamp(60px,8vw,124px);z-index:1;pointer-events:none;transform:scaleY(-1)}.custom-difference__wave{width:100%;height:100%;display:block}.custom-difference__container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:1440px;width:100%;margin:0 auto;padding-left:20px;padding-right:20px}.custom-difference__header-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:60px}.custom-difference__badge{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;margin-bottom:24px}.custom-difference__badge-bg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-2.1deg);z-index:0}.custom-difference__badge-bg img{width:100%;height:100%;object-fit:fill}.custom-difference__badge-text{font-family:var(--accent-font);font-weight:700;color:var(--text-deep-green-primary, #003f22);line-height:1;z-index:2;position:relative;transform:rotate(-2.1deg)}.custom-difference__heading{font-family:var(--heading-font);font-weight:700;color:var(--text-deep-green-primary, #003f22)!important;margin:0;line-height:1.1;letter-spacing:-.792px}.custom-difference__tabs{display:none}.custom-difference__grid{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;position:relative;max-width:1200px}.custom-difference__cell--brand{background-color:var(--surfaces-light-green, #f3fff1);border-left:2px solid var(--brand-primary, #003f22);border-right:2px solid var(--brand-primary, #003f22)}.custom-difference__cell--brand.custom-difference__cell--header{border-top:2px solid var(--brand-primary, #003f22);border-top-left-radius:24px;border-top-right-radius:24px;padding-top:48px}.custom-difference__right-choice{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;z-index:10}.custom-difference__right-choice-bg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-2.1deg);z-index:0}.custom-difference__right-choice-bg img{width:100%;height:100%;object-fit:fill}.custom-difference__right-choice-text{font-family:var(--accent-font);font-weight:700;font-size:20px;color:var(--text-deep-green-primary, #003f22);line-height:1;z-index:2;position:relative;transform:rotate(-2.1deg);white-space:nowrap}.custom-difference__cell--brand.custom-difference__cell--cta{border-bottom:2px solid var(--brand-primary, #003f22);border-bottom-left-radius:24px;border-bottom-right-radius:24px}.custom-difference__cell{position:relative;z-index:1;padding:24px;display:flex;align-items:center}.custom-difference__cell--header{align-items:flex-end}.custom-difference__header-content{display:flex;flex-direction:column;gap:8px}.custom-difference__header-content--brand,.custom-difference__header-content--competitor{align-items:center;text-align:center;width:100%}.custom-difference__paw-icon{width:114px;height:114px;margin-left:-20px}.custom-difference__product-img{width:191px;height:202px;object-fit:cover;margin-bottom:8px}.custom-difference__header-content h3,.custom-difference__header-content span{font-family:var(--accent-font);font-weight:700;font-size:31px;color:var(--text-deep-green-primary, #003f22);margin:0;line-height:1}.custom-difference__feature-name{font-family:var(--accent-font);font-weight:400;font-size:20px;color:var(--text-deep-green-primary, #003f22);line-height:1.2}.custom-difference__value{display:flex;align-items:center;gap:12px}.custom-difference__icon{width:40px;height:40px;flex-shrink:0}.custom-difference__text{font-family:var(--accent-font);font-weight:400;font-size:20px;color:var(--text-deep-green-primary, #003f22);line-height:1.2}.custom-difference__mobile-label{display:none}.custom-difference__cell--cta{grid-column:2;justify-content:center;padding-top:16px;padding-bottom:32px}.custom-difference__cta-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.custom-difference__button{display:inline-flex;align-items:center;justify-content:center;background-color:var(--brand-tertiary, #ffc800);color:var(--text-deep-green-primary, #003f22);font-family:var(--accent-font);font-weight:700;font-size:25px;padding:16px 32px;border-radius:100px;text-decoration:none;transition:transform .2s ease,opacity .2s ease;white-space:nowrap}.custom-difference__button:hover{transform:scale(1.02);opacity:.95}.custom-difference__guarantee{display:flex;align-items:center;gap:6px;color:var(--text-deep-green-secondary, #547e6b);font-family:var(--body-font);font-size:13px}.custom-difference__guarantee img{width:16px;height:16px}@media screen and (max-width:900px){.custom-difference__tabs{display:flex;justify-content:center;gap:12px;margin-bottom:32px;width:100%}.custom-difference__tab{background:transparent;border:2px solid var(--text-deep-green-primary, #003f22);color:var(--text-deep-green-primary, #003f22);font-family:var(--accent-font);font-weight:700;font-size:18px;padding:12px 24px;border-radius:100px;cursor:pointer;transition:all .2s;flex:1;max-width:200px}.custom-difference__tab.active{background-color:var(--text-deep-green-primary, #003f22);color:#fff}.custom-difference__grid{display:flex!important;flex-direction:column!important;max-width:500px;margin:0 auto}.custom-difference__cell--feature{display:none}.custom-difference__mobile-label{display:block;font-family:var(--accent-font);font-weight:700;font-size:14px;color:var(--text-deep-green-secondary, #547e6b);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.custom-difference__cell{flex-direction:column;align-items:flex-start;padding:16px 24px;text-align:left;width:100%}.custom-difference__cell--header{align-items:center;padding:32px 24px 16px}.custom-difference__cell--cta{align-items:center}.custom-difference__grid.show-brand .custom-difference__cell--competitor,.custom-difference__grid.show-competitor .custom-difference__cell--brand{display:none}.custom-difference__grid.show-competitor .custom-difference__cell--competitor{display:flex}.custom-difference__heading{font-size:36px}.custom-difference__button{font-size:20px;padding:14px 28px;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/custom-difference.css.map */
