.products-page{padding:80px 0}.container{margin:0 auto;max-width:1400px;padding:0 40px}.products-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.products-page{--card-radius:24px;--cutout-size:80px;--btn-size:50px;--accent-color:#1a1a1a}.product-card{background:#fff;height:440px;isolation:isolate;overflow:visible;position:relative;scroll-snap-align:start;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:hover{transform:translateY(-8px)}.product-card:before{content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:3}.product-card:hover:before{opacity:1}.card-img{filter:grayscale(20%) contrast(1.1);height:100%;-o-object-fit:cover;object-fit:cover;transition:all .6s cubic-bezier(.4,0,.2,1);width:100%}.card-fade{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.5) 30%,rgba(0,0,0,.2) 60%,transparent);inset:0;position:absolute;transition:background .4s ease;z-index:1}.card-title{bottom:24px;color:#fff;display:-webkit-box;font-size:21px;font-weight:700;left:24px;letter-spacing:-.03em;line-height:1.2;position:absolute;right:90px;text-shadow:0 4px 16px rgba(0,0,0,.4);z-index:2;-webkit-box-orient:vertical;overflow:hidden;transition:transform .4s ease}.product-card:after{background:#fff;border:none;border-radius:50% 0 0;bottom:-2px;content:"";height:var(--cutout-size);position:absolute;right:-2px;width:var(--cutout-size);z-index:2}.card-btn{background:linear-gradient(135deg,var(--accent-color) 0,#2d2d2d 100%);border:2px solid hsla(0,0%,100%,.1);border-radius:50%;bottom:12px;display:grid;height:var(--btn-size);place-items:center;position:absolute;right:12px;transition:all .4s cubic-bezier(.4,0,.2,1);width:var(--btn-size);z-index:3}.product-card:hover .card-btn{transform:scale(1.15)}.btn-icon{color:#fff;font-size:22px;font-weight:600;line-height:1;transition:transform .4s cubic-bezier(.4,0,.2,1)}.product-card:hover .btn-icon{transform:rotate(-45deg) scale(1.1)}@media(max-width:768px){.container{padding:0 18px}.products-page{--cutout-size:72px;--btn-size:46px;padding:20px 0 64px}.product-card:after{display:none!important}.product-card{height:420px}.card-title{bottom:20px;font-size:19px;left:20px;right:75px}.btn-icon{font-size:20px}}@media(max-width:480px){.products-page{--cutout-size:68px;--btn-size:44px}.product-card{height:400px;--card-radius:20px}.card-title{bottom:18px;font-size:18px;left:18px;right:75px}}