.usage-scenarios-section{padding:0 1.25rem 3.75rem;background-color:#f4f4f4}.usage-scenarios-container{max-width:82.125rem;margin:0 auto;padding:0}.usage-scenarios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:2.5rem}.usage-scenarios-title{font-family:Roboto,sans-serif;font-size:2.5rem;font-weight:700;line-height:3rem;color:#111;margin:0;flex:1}.usage-scenarios-nav{display:flex;align-items:center;gap:1rem}.usage-scenarios-wrapper{position:relative}.usage-scenarios-nav-btn{width:3.5rem;height:3.5rem;border-radius:50%;background:#fff;border:none;box-shadow:0 .25rem .125rem #00000005;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:all .3s ease}.usage-scenarios-nav-btn:focus,.usage-scenarios-nav-btn:active{outline:none;background:#fff}.usage-scenarios-nav-btn:hover{background:#1b8c91;box-shadow:0 .375rem .25rem #0000001a}.usage-scenarios-nav-btn:hover svg path{stroke:#fff}.usage-scenarios-nav-btn svg{width:2rem;height:2rem}.usage-scenarios-nav-btn svg path{stroke:#444;transition:stroke .3s ease}.usage-scenarios-grid{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.usage-scenarios-grid::-webkit-scrollbar{display:none}.usage-scenario-card{position:relative;flex:0 0 calc(50% - .5rem);min-width:calc(50% - .5rem);height:30rem;border-radius:.5rem;overflow:hidden;cursor:pointer}.usage-scenario-card-link{display:block;width:100%;height:100%;text-decoration:none}.usage-scenarios-grid.has-scroll .usage-scenario-card{scroll-snap-align:start}.usage-scenarios-grid.has-scroll .usage-scenario-card:last-child{margin-right:0}.usage-scenario-card img{width:100%;height:auto;object-fit:cover;transition:transform .3s ease}.usage-scenario-card:hover img{transform:scale(1.05)}.usage-scenario-card-overlay{position:absolute;bottom:0;left:0;right:0;height:8rem;background:linear-gradient(0deg,#000,#0000 83%);display:flex;align-items:flex-end;padding:0 2rem 2rem}.usage-scenario-card-title{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.5;color:#fff;margin:0}@media(max-width:1024px){.usage-scenarios-section{padding:0 1.25rem 3.75rem}.usage-scenario-card{height:23.75rem}}@media(max-width:767px){.usage-scenarios-section{padding:0 1rem 3.333rem}.usage-scenarios-nav{display:none}.usage-scenarios-title{font-size:2.333rem}.usage-scenarios-grid{gap:1rem}.usage-scenario-card{flex:0 0 85%;min-width:17.5rem;height:12.5rem}.usage-scenario-card-overlay{height:5rem;padding:0 1.25rem 1.88rem}.usage-scenario-card-title{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/usage-scenarios.css.map */