.fresh-conversion-v4__usage-showcase{position:relative;margin:clamp(26px,5vw,72px) 0 clamp(56px,8vw,112px);padding:clamp(26px,5vw,64px);overflow:hidden;border:1px solid rgba(70,173,159,.19);border-radius:clamp(28px,5vw,58px);background:radial-gradient(circle at 10% 4%,rgba(132,229,213,.42),transparent 27%),radial-gradient(circle at 92% 90%,rgba(255,191,167,.32),transparent 30%),linear-gradient(145deg,#effdfa,#f9fffd 42%,#fff7f2);box-shadow:0 30px 80px #22655c21}.fresh-conversion-v4__usage-showcase:before{content:"";position:absolute;top:-92px;right:-70px;width:230px;height:230px;border:1px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:inset 0 0 0 30px #fff3;pointer-events:none}.fresh-conversion-v4__usage-showcase-head{position:relative;z-index:1;max-width:790px;margin:0 auto clamp(24px,4vw,42px);text-align:center}.fresh-conversion-v4__usage-showcase-head .fresh-conversion-v4__section-kicker{justify-content:center}.fresh-conversion-v4__usage-showcase-head h2{max-width:760px;margin:12px auto 14px;color:#153d38;font-size:clamp(35px,6vw,72px);font-weight:850;line-height:.96;letter-spacing:-.055em}.fresh-conversion-v4__usage-showcase-head h2 span{display:inline-block;color:#168f7e;text-shadow:0 12px 30px rgba(22,143,126,.2)}.fresh-conversion-v4__usage-showcase-head>p:last-child{max-width:650px;margin:0 auto;color:#45645f;font-size:clamp(15px,1.6vw,18px);line-height:1.65}.fresh-conversion-v4__usage-showcase-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:clamp(12px,2vw,22px)}.fresh-conversion-v4__usage-showcase-card{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:clamp(20px,2.5vw,30px);background:#ffffffc2;box-shadow:0 18px 45px #215b5321;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s ease,box-shadow .35s ease}.fresh-conversion-v4__usage-showcase-card:hover{transform:translateY(-7px);box-shadow:0 26px 58px #215b5333}.fresh-conversion-v4__usage-showcase-card--image>img,.fresh-conversion-v4__usage-showcase-video-wrap{display:block;width:100%;aspect-ratio:4 / 5}.fresh-conversion-v4__usage-showcase-card--image>img,.fresh-conversion-v4__usage-showcase-video-wrap video{width:100%;height:100%;object-fit:cover}.fresh-conversion-v4__usage-showcase-card--image>img{object-position:50% 42%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.fresh-conversion-v4__usage-showcase-card--image:hover>img{transform:scale(1.035)}.fresh-conversion-v4__usage-showcase-video-wrap{position:relative;overflow:hidden;background:#dff5ef}.fresh-conversion-v4__usage-showcase-video-wrap video{display:block;background:#dff5ef}.fresh-conversion-v4__usage-showcase-badge{position:absolute;top:14px;left:14px;padding:8px 12px;border:1px solid rgba(255,255,255,.85);border-radius:999px;color:#16463f;background:#f4fffcd4;box-shadow:0 8px 24px #0f4a4126;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.fresh-conversion-v4__usage-showcase-card figcaption{display:flex;gap:12px;align-items:flex-start;min-height:94px;padding:17px 18px 19px}.fresh-conversion-v4__usage-showcase-number{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#1bb8a3,#147f72);box-shadow:0 8px 20px #168f7e42;font-size:11px;font-weight:900}.fresh-conversion-v4__usage-showcase-card figcaption strong,.fresh-conversion-v4__usage-showcase-card figcaption small{display:block}.fresh-conversion-v4__usage-showcase-card figcaption strong{color:#183f3a;font-size:16px;line-height:1.18}.fresh-conversion-v4__usage-showcase-card figcaption small{margin-top:5px;color:#5d7773;font-size:12px;line-height:1.42}.fresh-conversion-v4__usage-showcase-cta{position:relative;z-index:1;display:flex;width:max-content;max-width:100%;min-height:54px;align-items:center;justify-content:center;gap:10px;margin:clamp(22px,4vw,36px) auto 0;padding:14px 23px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#1dbca6,#147f72);box-shadow:0 16px 34px #147f7242;font-weight:850;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.fresh-conversion-v4__usage-showcase-cta:hover{transform:translateY(-3px);box-shadow:0 20px 42px #147f7257}@media(max-width:989px){.fresh-conversion-v4__usage-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fresh-conversion-v4__usage-showcase-card--image{grid-column:1 / -1}.fresh-conversion-v4__usage-showcase-card--image>img,.fresh-conversion-v4__usage-showcase-card--image>.fresh-conversion-v4__usage-showcase-video-wrap{aspect-ratio:16 / 10}.fresh-conversion-v4__usage-showcase-card--image>img{object-position:50% 37%}}@media(max-width:749px){.fresh-conversion-v4__usage-showcase{width:calc(100% + 20px);margin-left:-10px;padding:28px 14px 22px;border-radius:30px}.fresh-conversion-v4__usage-showcase-head{margin-bottom:22px;padding:0 6px;text-align:left}.fresh-conversion-v4__usage-showcase-head .fresh-conversion-v4__section-kicker{justify-content:flex-start}.fresh-conversion-v4__usage-showcase-head h2{margin:10px 0 12px;font-size:clamp(38px,12.5vw,54px);line-height:.94}.fresh-conversion-v4__usage-showcase-head h2 span{display:block}.fresh-conversion-v4__usage-showcase-head>p:last-child{margin:0;font-size:15px;line-height:1.55}.fresh-conversion-v4__usage-showcase-grid{display:flex;gap:12px;margin:0 -14px;padding:0 14px 10px;overflow-x:auto;scroll-padding-left:14px;scroll-snap-type:x mandatory;scrollbar-width:none}.fresh-conversion-v4__usage-showcase-grid::-webkit-scrollbar{display:none}.fresh-conversion-v4__usage-showcase-card,.fresh-conversion-v4__usage-showcase-card--image{flex:0 0 min(82vw,315px);scroll-snap-align:center}.fresh-conversion-v4__usage-showcase-card--image>img,.fresh-conversion-v4__usage-showcase-video-wrap{aspect-ratio:4 / 5}.fresh-conversion-v4__usage-showcase-card--image>img{object-position:50% 42%}.fresh-conversion-v4__usage-showcase-card figcaption{min-height:90px;padding:15px}.fresh-conversion-v4__usage-showcase-cta{width:100%;margin-top:15px}}@media(prefers-reduced-motion:reduce){.fresh-conversion-v4__usage-showcase-card,.fresh-conversion-v4__usage-showcase-card--image>img,.fresh-conversion-v4__usage-showcase-cta{transition:none}.fresh-conversion-v4__usage-showcase-card:hover,.fresh-conversion-v4__usage-showcase-card--image:hover>img,.fresh-conversion-v4__usage-showcase-cta:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/towelio-usage-showcase-v1.css.map */