.scene{perspective:1600px;width:100%;height:100%}.card-stack{width:300px;height:180px;transform-style:preserve-3d;transition:all 1s;position:relative;top:30%;left:50%;transform:rotateX(40deg)rotate(15deg)translate(-50%)}.scene:hover .card-stack{transform:rotateX(10deg)rotate(15deg)translate(-50%)}.card{position:absolute;inset:0}.card-back{opacity:.85;filter:drop-shadow(0 30px 70px #000000f2);transition:all .8s;transform:translateZ(-20px)translateY(26px)}.scene:hover .card-back{transform:translateZ(-6px)translateY(6px)}.card-front{color:#fff;filter:drop-shadow(0 30px 70px #000000f2);padding:20px;transition:all .8s;transform:translateZ(0)}.scene:hover .card-front{filter:drop-shadow(0 10px 10px #67a0d070)}.card-header{font-size:18px;font-weight:500}.card-icon{filter:drop-shadow(0 0 40px #00b5ff59);border-radius:8px;width:auto;height:50px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.card-icon svg{width:100%;height:100%}.card-footer{text-align:right;color:#fff;flex-direction:column;gap:4px;font-size:16px;font-weight:500;display:flex;position:absolute;bottom:15px;right:15px}.card-footer span:last-child{color:#bacbe8cc;font-size:14px;font-weight:400}@media (max-width:768px){.card-stack{width:250px;height:150px;transform:rotateX(30deg)rotate(10deg)translate(-50%)}.scene:hover .card-stack{transform:rotateX(5deg)rotate(10deg)translate(-50%)}.card-icon{width:50px;height:50px}.card-header{font-size:14px}.card-footer{font-size:12px;bottom:10px;right:10px}.card-footer span:last-child{font-size:11px}}
.background{background-color:#04040529;border-radius:8px;max-width:440px;max-height:360px;padding:20px}.product-grid{flex-direction:column;gap:16px;display:flex}@media (min-width:1024px){.product-grid{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}}.product-grid__filters{flex-wrap:wrap;gap:4px;display:flex}.product-grid__card{order:-1;justify-content:center;align-items:flex-start;display:flex}@media (min-width:1024px){.product-grid__card{order:0}}.product-grid__form{width:100%}.background{background-color:#04040529;border-radius:8px;width:100%;padding:20px}@media (min-width:1024px){.background{max-width:440px;max-height:360px}}.scene{perspective:1600px;width:100%;height:100%}.card-stack{width:260px;height:156px;transform-style:preserve-3d;transition:all 1s;position:relative;top:30%;left:50%;transform:rotateX(40deg)rotate(15deg)translate(-50%)}@media (min-width:1024px){.card-stack{width:300px;height:180px}}.scene:hover .card-stack{transform:rotateX(10deg)rotate(15deg)translate(-50%)}.card{position:absolute;inset:0}.card-back{opacity:.85;filter:drop-shadow(0 30px 70px #000000f2);transition:all .8s;transform:translateZ(-20px)translateY(26px)}.scene:hover .card-back{transform:translateZ(-6px)translateY(6px)}.card-front{color:#fff;filter:drop-shadow(0 30px 70px #000000f2);padding:14px;transition:all .8s;transform:translateZ(0)}@media (min-width:1024px){.card-front{padding:20px}}.scene:hover .card-front{filter:drop-shadow(0 10px 10px #67a0d070)}.card-footer{text-align:right;color:#fff;flex-direction:column;gap:4px;font-size:14px;font-weight:500;display:flex;position:absolute;bottom:10px;right:10px}@media (min-width:1024px){.card-footer{font-size:16px;bottom:15px;right:15px}}.card-footer span:last-child{color:#bacbe8cc;font-size:12px;font-weight:400}@media (min-width:1024px){.card-footer span:last-child{font-size:14px}}.delivery-title{font-size:14px;line-height:16px}.delivery-sub-title{text-align:center;text-wrap:nowrap;background:#01986b;border:0;border-radius:4px;width:100%;max-width:157px;height:20px;padding:4px 6px;font-size:10px;line-height:12px}