.statistics-section{width:100%;padding:var(--section-padding-top, 60px) 0 var(--section-padding-bottom, 60px);background:var(--section-bg, #ffffff)}.statistics-section__container{margin:0 auto;padding:0 15px}.statistics-section__container--fluid{max-width:100%}.statistics-section__container--boxed{max-width:var(--container-width, 1200px)}.statistics-section__grid{display:grid;grid-template-columns:repeat(var(--columns-desktop, 4),1fr);gap:var(--grid-gap, 30px)}.statistics-section__card{background:var(--card-bg, #f8f8f8);border-radius:var(--card-radius, 12px);padding:var(--card-padding, 30px);transition:all .3s ease;position:relative;display:flex;flex-direction:column;justify-content:var(--vertical-alignment, flex-start);min-height:100%;width:100%;cursor:pointer;will-change:transform;transform:translateZ(0)}.statistics-section__card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.statistics-section__main-heading{font-size:var(--global-main-heading-size, var(--main-heading-size, 48px));font-weight:var(--main-heading-weight, 700);color:var(--main-heading-color, #1a1a1a);margin-bottom:var(--main-heading-spacing, 10px);line-height:1}.statistics-section__description{font-size:var(--heading-size, 24px);color:var(--heading-color, #1a1a1a);margin:0;line-height:1.2}.statistics-section__description.rte{margin:0}.statistics-section__description.rte p{margin:0;font-weight:var(--description-weight, 400)}.statistics-section__description.rte a{color:inherit;text-decoration:underline}.statistics-section__description.rte strong{font-weight:600}.statistics-section__description.rte em{font-style:italic}.statistics-section__text-wrapper{display:flex;align-items:center;justify-content:var(--content-alignment, center);gap:var(--global-content-spacing, 10px);flex:1}.statistics-section__content{display:flex;flex-direction:column;gap:0;flex:1}.statistics-section__card--width-20{width:calc(20% - var(--grid-gap, 30px))}.statistics-section__card--width-25{width:calc(25% - var(--grid-gap, 30px))}.statistics-section__card--width-33{width:calc(33.333% - var(--grid-gap, 30px))}.statistics-section__card--width-50{width:calc(50% - var(--grid-gap, 30px))}.statistics-section__card--width-100{width:calc(100% - var(--grid-gap, 30px))}@media screen and (max-width: 991px){.statistics-section__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 767px){.statistics-section{padding:30px 0}.statistics-section__container{padding:0 10px}.statistics-section__grid{grid-template-columns:repeat(var(--columns-mobile, 1),1fr);gap:15px}.statistics-section__card{padding:20px}.statistics-section__main-heading{font-size:calc(var(--global-main-heading-size, 48px) * .7);margin-bottom:5px}.statistics-section__description{font-size:calc(var(--heading-size, 24px) * .9)}.statistics-section__text-wrapper{flex-direction:row;align-items:center;gap:5px}.statistics-section__card-wrapper{flex-direction:row;align-items:flex-start;gap:10px}.statistics-section__icon{width:auto;height:auto;min-width:40px;max-width:60px}.statistics-section__content-container{flex:1}}@media screen and (max-width: 480px){.statistics-section__card{padding:15px}.statistics-section__main-heading{font-size:calc(var(--global-main-heading-size, 48px) * .6)}.statistics-section__description{font-size:calc(var(--heading-size, 24px) * .8)}.statistics-section__icon{min-width:30px;max-width:50px}.statistics-section__card-wrapper{gap:8px}}.statistics-section__icon{display:flex;align-items:center;justify-content:center;width:var(--global-icon-size, 80px);height:var(--global-icon-size, 80px);flex-shrink:0}.statistics-section__icon .icon{width:100%;height:100%;display:block;fill:currentColor;max-width:100%;max-height:100%;will-change:fill,transform;transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:fill .3s ease}.statistics-section__icon .icon:hover{filter:brightness(1.2)}.statistics-section__card--stacked{display:flex;flex-direction:column;gap:var(--content-spacing, 10px);height:100%}.statistics-section__card--inline .statistics-section__text-wrapper{display:flex;align-items:center;gap:var(--content-spacing, 10px);flex:1}.statistics-section__card--inline .statistics-section__content{flex:1;text-align:inherit}.statistics-section__card--icon_top{display:flex;flex-direction:column;gap:var(--content-spacing, 10px);height:100%}.statistics-section__card-wrapper{display:flex;align-items:center;gap:var(--global-content-spacing, 20px)}.statistics-section__content-container{flex:1;text-align:var(--content-alignment, center)}@media screen and (max-width: 767px){.statistics-section__card{pointer-events:none}}.statistics-section__icon svg.icon-animate{width:100%;height:100%;display:block;max-width:100%;max-height:100%;will-change:transform;transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.statistics-section__icon[data-icon=icon-quality] svg.icon-animate{fill:#dc4851;animation:qualityPulse 3s ease-in-out infinite,gentleFloat 6s ease-in-out infinite}.statistics-section__icon[data-icon=icon-shipping] svg.icon-animate{fill:#64c9ff;animation:shippingPulse 3s ease-in-out infinite,gentleFloat 6s ease-in-out infinite .5s}.statistics-section__icon[data-icon=icon-process] svg.icon-animate{fill:#eabd74;animation:processPulse 3s ease-in-out infinite,gentleFloat 6s ease-in-out infinite 1s}.statistics-section__icon[data-icon=icon-eco] svg.icon-animate{fill:#4ab874;animation:ecoPulse 3s ease-in-out infinite,gentleFloat 6s ease-in-out infinite 1.5s}.statistics-section__icon[data-icon=icon-support] svg.icon-animate{fill:#cccdce;animation:supportPulse 3s ease-in-out infinite,gentleFloat 6s ease-in-out infinite 2s}.statistics-section__icon[data-icon=icon-vibrant] svg.icon-animate{animation:vibrantColors 5s steps(6,end) infinite,gentleFloat 4s ease-in-out infinite 2.5s;fill:red}.statistics-section__card:hover .icon-animate{animation:none!important}@keyframes qualityPulse{0%,to{fill:#dc4851}50%{fill:#cb2e38}}@keyframes shippingPulse{0%,to{fill:#64c9ff}50%{fill:#56acda}}@keyframes processPulse{0%,to{fill:#eabd74}50%{fill:#ffbd53}}@keyframes ecoPulse{0%,to{fill:#4ab874}50%{fill:#5ebf83}}@keyframes supportPulse{0%,to{fill:#cccdce}50%{fill:#bbb}}@keyframes vibrantPulse{0%,to{fill:#eabd74}50%{fill:#ffcc80}}@keyframes floatAnimation{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(5px) rotate(-2deg)}to{transform:translateY(0) rotate(0)}}.statistics-section__icon[data-icon=icon-vibrant] svg.icon-animate{animation:gentleFloat 4s ease-in-out infinite 2.5s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.statistics-section__card:hover .statistics-section__icon[data-icon=icon-vibrant] svg.icon-animate{animation:vibrantRGB 4s linear infinite,gentleFloat 6s ease-in-out infinite 2.5s}.statistics-section__icon.icon-masked .gradient-background{position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(270deg,red,#f80,#ff0,#0f0,#08f,#80f,red);background-size:1200% 1200%;animation:gradientMove 10s linear infinite;mask:inherit;-webkit-mask:inherit}.statistics-section__icon.icon-masked svg.icon{position:absolute;top:0;left:0;width:100%;height:100%;fill:#fff;pointer-events:none;z-index:1}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.statistics-section__icon.icon-masked{animation:gentleFloat 6s ease-in-out infinite 2.5s}.statistics-section__card:hover .statistics-section__icon.icon-masked .gradient-background{animation:none}.statistics-section__icon.icon-masked svg.icon{animation:gentleFloat 6s ease-in-out infinite 2.5s}.statistics-section__card:hover .statistics-section__icon[data-icon=icon-vibrant]:before{animation:spin 2s linear infinite}@keyframes vibrantColors{0%{fill:red}20%{fill:#f40}40%{fill:#0f0}60%{fill:#0af}80%{fill:#04f}to{fill:#a0f}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.statistics-section__card:hover .statistics-section__icon[data-icon=icon-vibrant] svg.icon-animate{animation:gentleFloat 4s ease-in-out infinite 2.5s}.statistics-section__icon[data-icon=icon-vibrant]{position:relative}.statistics-section__icon[data-icon=icon-vibrant] svg.icon-animate{animation:vibrantRGB 8s linear infinite,gentleFloat 6s ease-in-out infinite 2.5s;z-index:1}@keyframes vibrantRGB{0%{fill:red}16.666%{fill:#ff7d00}33.333%{fill:#ff0}50%{fill:#0f0}66.666%{fill:#0096ff}83.333%{fill:#b400ff}to{fill:red}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/statistics-cards.css.map */