.ways-to-use-section{width:100%;overflow:hidden}.ways-to-use-container{max-width:1400px;margin:0 auto;padding:0 20px}.ways-to-use-header,.ways-to-use-subheader{margin:0;padding:0;font-family:inherit}.ways-to-use-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%;margin-bottom:48px}.use-case-card{background:var(--card-bg, #ffffff);border-radius:var(--card-border-radius, 20px);overflow:visible;box-shadow:0 4px 20px var(--card-shadow, rgba(0, 0, 0, .1));transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.use-case-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px var(--card-shadow, rgba(0, 0, 0, .15))}.card-image-wrapper{position:relative;width:100%;height:320px;overflow:hidden;margin-bottom:40px}.card-image{width:100%;height:100%;object-fit:cover;display:block}.card-icon{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 12px #00000026}.card-icon svg{width:50%;height:50%;color:#fff;fill:#fff}.card-content{padding:0 24px 32px;text-align:center;flex:1;display:flex;flex-direction:column;gap:12px}.card-headline{margin:0;padding:0;font-family:inherit}.card-description{margin:0;padding:0}.card-description p{margin:0 0 12px}.card-description p:last-child{margin-bottom:0}.card-description strong{font-weight:600;color:#000}.card-description a{color:#2563eb;text-decoration:none;transition:color .2s ease}.card-description a:hover{color:#1d4ed8;text-decoration:underline}.ways-to-use-cta{display:flex;justify-content:center;margin-top:24px}.cta-button{display:inline-block;text-decoration:none;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;opacity:.9}@media screen and (max-width:1024px){.ways-to-use-grid{grid-template-columns:repeat(2,1fr)}.card-image-wrapper{height:280px}.ways-to-use-header{font-size:36px!important}}@media screen and (max-width:749px){.ways-to-use-container{padding:0 16px}.ways-to-use-grid{grid-template-columns:1fr;gap:20px!important;overflow-x:auto;overflow-y:visible;display:flex;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}.ways-to-use-grid::-webkit-scrollbar{display:none}.use-case-card{flex:0 0 85%;scroll-snap-align:center;min-width:280px}.card-image-wrapper{height:240px;margin-bottom:36px}.card-icon{width:56px!important;height:56px!important}.card-content{padding:0 20px 24px}.ways-to-use-header{font-size:32px!important;margin-bottom:12px!important}.card-headline{font-size:20px!important}.card-description{font-size:14px!important}.cta-button{width:100%;max-width:100%}}@media screen and (max-width:480px){.use-case-card{flex:0 0 90%;min-width:260px}.card-image-wrapper{height:200px}.ways-to-use-header{font-size:28px!important}}@media(prefers-reduced-motion:reduce){.use-case-card,.cta-button{transition:none}.use-case-card:hover,.cta-button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/ways-to-use.css.map */