.key-benefits-wrapper{background:linear-gradient(180deg,#fff,#f8f9fa);position:relative;overflow:hidden}.key-benefits-wrapper:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(220,38,38,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.key-benefits-wrapper:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(220,38,38,.03) 0%,transparent 70%);border-radius:50%;pointer-events:none}.key-benefits-wrapper .section-title{font-family:var(--Secondry-font);font-size:32px;font-weight:700;text-transform:uppercase;margin-bottom:40px;display:flex;align-items:center;justify-content:center;position:relative;color:#1a1a1a;letter-spacing:1px}.key-benefits-wrapper .section-title:before{content:"";display:inline-block;width:5px;height:32px;background:linear-gradient(180deg,#dc2626,#ef4444);margin-right:16px;border-radius:3px;box-shadow:0 2px 8px #dc26264d}.benefits-grid-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:10px;scroll-behavior:smooth}.benefits-grid-wrapper::-webkit-scrollbar{display:none}.benefits-grid{display:flex;gap:20px;padding:20px 0}.benefit-card-wrapper{flex-shrink:0;min-width:200px;max-width:200px}.benefit-card{font-size:14px;line-height:normal;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px 20px;text-align:center;min-height:220px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a;color:#000}.benefit-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#dc2626,#ef4444,#f97316);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.benefit-card:hover:before{opacity:1}.benefit-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease}.benefit-card:hover:after{transform:translate(100%) translateY(100%) rotate(45deg)}.benefit-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #dc262626;border-color:transparent}.benefit-card .icon-benefit{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;font-size:36px;margin:0 auto 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.benefit-card:hover .icon-benefit{background:linear-gradient(135deg,#dc2626,#ef4444);transform:scale(1.15) rotate(5deg);box-shadow:0 8px 24px #dc26264d}.benefit-card .icon-benefit img{width:44px;height:44px;object-fit:contain;transition:all .4s ease}.benefit-card:hover .icon-benefit img{filter:brightness(0) invert(1);transform:scale(1.1)}.benefit-card .icon-benefit svg{width:44px;height:44px;transition:all .4s ease}.benefit-card:hover .icon-benefit svg{stroke:#fff;transform:scale(1.1)}.benefit-card h4{font-size:15px;font-weight:700;margin-bottom:12px;text-transform:uppercase;color:#1a1a1a;letter-spacing:.5px;line-height:1.3;transition:all .3s ease;position:relative;z-index:1}.benefit-card:hover h4{color:#dc2626;transform:translateY(-2px)}.benefit-card p{font-size:13px;color:#6b7280;margin-bottom:0;line-height:1.6;transition:all .3s ease;position:relative;z-index:1}.benefit-card:hover p{color:#374151}.scroll-controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none;z-index:1}.scroll-btn{width:48px;height:48px;border-radius:50%;border:2px solid #e5e7eb;background:#fffffff2;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:absolute;pointer-events:auto;box-shadow:0 2px 8px #0000000f}.scroll-btn.scroll-prev{left:-24px}.scroll-btn.scroll-next{right:-24px}.scroll-btn:hover{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#dc2626}.scroll-btn:active{transform:scale(.95)}.scroll-btn.hidden{opacity:0;pointer-events:none}.scroll-btn svg{width:20px;height:20px;fill:#374151;transition:fill .3s ease}.scroll-btn:hover svg{fill:#fff}@media(max-width:1200px){.key-benefits-wrapper .section-title{font-size:28px}.benefit-card-wrapper{min-width:180px;max-width:180px}}@media(max-width:768px){.key-benefits-wrapper .section-title{font-size:24px;margin-bottom:0;margin-top:0}.key-benefits-wrapper .section-title:before{height:24px;margin-right:12px}.benefit-card{padding:28px 16px;min-height:200px}.benefit-card .icon-benefit{width:64px;height:64px;font-size:32px;margin-bottom:0}.benefit-card .icon-benefit img,.benefit-card .icon-benefit svg{width:38px;height:38px}.benefit-card h4{font-size:14px}.benefit-card p{font-size:12px;margin-top:0}.benefit-card-wrapper{min-width:160px;max-width:160px}.scroll-btn{width:44px;height:44px}.scroll-btn.scroll-prev{left:-10px}.scroll-btn.scroll-next{right:-10px}}@media(max-width:480px){.key-benefits-wrapper .section-title{font-size:20px;justify-content:flex-start}.benefit-card-wrapper{min-width:200px;max-width:200px}.scroll-btn{width:40px;height:40px}.scroll-btn svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-key-benefits-slider.css.map */