.card,.card.loaded:hover{transition:.8s cubic-bezier(.16, 1, .3, 1)}.card.loaded:hover .card__price,.card.loaded:hover .card__title{color:var(--card-accent)!important;transform:translateX(2px)!important}.card:first-child,.card:nth-child(10),.card:nth-child(2),.card:nth-child(3),.card:nth-child(4),.card:nth-child(5),.card:nth-child(6),.card:nth-child(7),.card:nth-child(8),.card:nth-child(9),.card:nth-child(n+11){animation-delay:var(--card-delay)}.card.loaded .card__loading,.card__shine,body.dark-mode .card__shine{display:none}.card{--card-bg:#ffffff;--card-accent:#7c3aed;--card-text:#1e293b;--card-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.05);width:210px;height:320px;background:var(--card-bg);border-radius:20px;position:relative;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid rgba(0,0,0,.1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:8px;opacity:0;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards cardAppear;will-change:transform,opacity}body.dark-mode .card{--card-bg:#1e1e1e;--card-text:#e2e8f0;--card-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.2);border-color:rgba(255,255,255,.1);animation:.8s cubic-bezier(.34,1.56,.64,1) forwards cardAppearDark}.card__glow{position:absolute;inset:-10px;background:radial-gradient(circle at 50% 0,rgba(124,58,237,.3) 0,rgba(124,58,237,0) 70%);opacity:0;transition:opacity .5s}.card__content{padding:1.25em;height:100%;display:flex;flex-direction:column;gap:.75em;position:relative;z-index:3;box-sizing:border-box}.card__badge{position:absolute;top:12px;right:12px;background:#10b981;color:#fff;padding:.25em .5em;border-radius:999px;font-size:.7em;font-weight:600;transform:scale(1);opacity:1;z-index:1}.card__image,.card__image img{width:100%;border-radius:12px}@keyframes imageAppear{0%{opacity:0;transform:scale(.8);filter:brightness(.8) blur(5px)}70%{filter:brightness(1.1) blur(0)}100%{opacity:1;transform:scale(1);filter:brightness(1) blur(0)}}.card__image{height:150px;background:linear-gradient(45deg,#a78bfa,#8b5cf6);position:relative;overflow:hidden;opacity:0;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards imageAppear;animation-delay:calc(var(--card-delay) + .1s)}.card__button,.card__view-icon{border-radius:50%;cursor:pointer}.card__view-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:40px;height:40px;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;color:#7c3aed;transition:.5s cubic-bezier(.16, 1, .3, 1);z-index:3;opacity:0;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden}body.dark-mode .card__view-icon{background:rgba(30,30,30,.9);color:#a78bfa;box-shadow:0 4px 8px rgba(0,0,0,.3)}.card.loaded:hover .card__view-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.card__image::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:2;opacity:0;transition:opacity .5s cubic-bezier(.16, 1, .3, 1)}body.dark-mode .card__image::before{background:rgba(0,0,0,.5)}.card.loaded:hover .card__image::before{opacity:1}.card.loaded:hover .card__image img{transform:scale(1.05);transition:transform .6s cubic-bezier(.16, 1, .3, 1)}.card__image::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0,transparent 30%),repeating-linear-gradient(45deg,rgba(139,92,246,.1) 0,rgba(139,92,246,.1) 2px,transparent 2px,transparent 4px);opacity:.5}.card__text{display:flex;flex-direction:column;gap:.5em;margin-top:.5em}.card__description,.card__title{color:var(--card-text);margin:0}.card__title{font-size:1.1em;font-weight:700}.card__description{opacity:.8}.card__short-desc-label{font-size:.8em;font-weight:600;color:#7c3aed;display:block;line-height:1.4;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:3.9em}.card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.card__price{color:var(--card-text);font-weight:700;font-size:1.2em}.card__button{width:36px;height:36px;background:var(--card-accent);display:flex;align-items:center;justify-content:center;color:#fff;transform:scale(1)}.card:not(.loaded):hover{transform:none!important;box-shadow:var(--card-shadow)!important;border-color:rgba(0,0,0,.1)!important}body.dark-mode .card:not(.loaded):hover{border-color:rgba(255,255,255,.1)!important}.card.loaded:hover{transform:translateY(-8px)!important;box-shadow:0 15px 30px -6px rgba(124,58,237,.15),0 10px 20px -6px rgba(0,0,0,.03)!important;border-color:rgba(124,58,237,.15)!important;z-index:5}body.dark-mode .card.loaded:hover{box-shadow:0 15px 30px -6px rgba(124,58,237,.25),0 10px 20px -6px rgba(0,0,0,.1)!important;border-color:rgba(124,58,237,.2)!important}.card.loaded:hover .card__shine{opacity:0}.card.loaded:hover .card__glow{opacity:.7;transition:opacity .8s}.card.loaded:hover .card__image{transform:translateY(-5px) scale(1.02)!important;box-shadow:0 8px 15px -3px rgba(124,58,237,.15)!important;transition:.5s cubic-bezier(.34, 1.56, .64, 1)!important}.card.loaded:hover .card__title{transition:.5s cubic-bezier(.16, 1, .3, 1)!important}.card.loaded:hover .card__description{opacity:1!important;transform:translateX(2px)!important;transition:.5s cubic-bezier(.16, 1, .3, 1) 50ms!important}.card.loaded:hover .card__price{transition:.5s cubic-bezier(.16, 1, .3, 1) .1s!important}.card.loaded:hover .card__button{transform:scale(1.05)!important;box-shadow:0 0 0 4px rgba(124,58,237,.15)!important;transition:.5s cubic-bezier(.16, 1, .3, 1)!important}.card.loaded:hover .card__button svg{animation:2s infinite gentlePulse!important}@keyframes gentlePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.card:active{transform:translateY(-5px) scale(.98)}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.products-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px;max-width:1200px;margin:0 auto;box-sizing:border-box}@keyframes titleAppear{0%{opacity:0;transform:translateY(-20px);text-shadow:0 0 0 transparent}100%{opacity:1;transform:translateY(0);text-shadow:0 2px 4px rgba(0,0,0,.1)}}@keyframes titleAppearDark{0%{opacity:0;transform:translateY(-20px);text-shadow:0 0 0 transparent}100%{opacity:1;transform:translateY(0);text-shadow:0 2px 8px rgba(124,58,237,.2)}}.products-section-title{text-align:center;margin-bottom:10px;font-size:2em;font-weight:700;color:#1e293b;transition:color .3s;opacity:0;animation:.8s forwards titleAppear}body.dark-mode .products-section-title{color:#e2e8f0;animation:.8s forwards titleAppearDark}.products-section-subtitle{text-align:center;font-size:1rem;color:#64748b;margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto;animation:1s ease-in-out fadeIn;transition:color .3s}body.dark-mode .products-section-subtitle{color:#94a3b8}.products-section{padding:0!important;background-color:#f8fafc;transition:background-color .3s}body.dark-mode .products-section{background-color:#121212}.card__image img{height:100%;object-fit:cover}.pagination{display:flex;justify-content:center;margin:30px 0;gap:5px}.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:5px;background-color:#fff;color:#1e293b;text-decoration:none;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:.3s}body.dark-mode .pagination a,body.dark-mode .pagination span{background-color:#1e1e1e;color:#e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.2)}.pagination .disabled:hover,.pagination a:hover{background-color:#f1f5f9}body.dark-mode .pagination a:hover{background-color:#2d2d2d}.pagination .active,body.dark-mode .pagination .active{background-color:#7c3aed;color:#fff}.pagination .next,.pagination .prev{background-color:#f1f5f9;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.card__loading,.card__loading::before{position:absolute;top:0;left:0;height:100%;width:100%}.pagination .next:hover,.pagination .prev:hover{background-color:#e2e8f0}.pagination .disabled{opacity:.5;cursor:not-allowed}.card__view-icon:hover{background:rgba(124,58,237,.9);color:#fff;transform:translate(-50%,-50%) scale(1.1);transition:.5s cubic-bezier(.16, 1, .3, 1)}body.dark-mode .card__view-icon:hover{background:rgba(167,139,250,.9);color:#1e1e1e}.card__view-icon svg{width:26px;height:26px;display:block}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.9);box-shadow:0 0 0 transparent}70%{opacity:1;transform:translateY(-5px) scale(1.02)}100%{opacity:1;transform:translateY(0) scale(1);box-shadow:var(--card-shadow)}}@keyframes cardAppearDark{0%{opacity:0;transform:translateY(30px) scale(.9);box-shadow:0 0 0 transparent}70%{opacity:1;transform:translateY(-5px) scale(1.02);box-shadow:0 15px 25px rgba(124,58,237,.3)}100%{opacity:1;transform:translateY(0) scale(1);box-shadow:var(--card-shadow)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.card__button,.card__description,.card__price,.card__title{opacity:0;animation:.5s forwards fadeInUp}.card__title{animation-delay:calc(var(--card-delay) + .2s)}.card__description{animation-delay:calc(var(--card-delay) + .3s)}.card__price{animation-delay:calc(var(--card-delay) + .4s)}.card:first-child{--card-delay:0.1s}.card:nth-child(2){--card-delay:0.2s}.card:nth-child(3){--card-delay:0.3s}.card:nth-child(4){--card-delay:0.4s}.card:nth-child(5){--card-delay:0.5s}.card:nth-child(6){--card-delay:0.6s}.card:nth-child(7){--card-delay:0.7s}.card:nth-child(8){--card-delay:0.8s}.card:nth-child(9){--card-delay:0.9s}.card:nth-child(10){--card-delay:1s}.card:nth-child(n+11){--card-delay:1.1s}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.card__loading{background:var(--card-bg);border-radius:20px;z-index:10;display:flex;flex-direction:column;padding:1.25em;box-sizing:border-box;overflow:hidden;pointer-events:none}.card__loading::before{content:'';background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);background-size:200% 100%;animation:1.5s infinite shimmer;z-index:1}body.dark-mode .card__loading::before{background:linear-gradient(90deg,rgba(30,30,30,0) 0,rgba(60,60,60,.2) 50%,rgba(30,30,30,0) 100%);background-size:200% 100%}.card__loading-image{width:100%;height:150px;background-color:rgba(124,58,237,.1);border-radius:12px;margin-bottom:15px}.card__loading-desc,.card__loading-price,.card__loading-title{background-color:rgba(124,58,237,.1);border-radius:4px}.card__loading-title{width:70%;height:20px;margin-bottom:10px}.card__loading-desc{width:100%;height:10px;margin-bottom:6px}.card__loading-desc:last-of-type{width:80%}.card__loading-price{width:40%;height:20px;margin-top:auto}body.dark-mode .card__loading-desc,body.dark-mode .card__loading-image,body.dark-mode .card__loading-price,body.dark-mode .card__loading-title{background-color:rgba(124,58,237,.2)}.card__image{transition:transform .5s cubic-bezier(.34, 1.56, .64, 1),box-shadow .5s}.card__price,.card__title{transition:color .4s,transform .4s}.card__description{transition:opacity .4s,transform .4s}.card__button{animation-delay:calc(var(--card-delay) + .5s);transition:transform .4s cubic-bezier(.34, 1.56, .64, 1),box-shadow .4s}@media (max-width:767px){.products-container{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;width:100%;box-sizing:border-box;max-width:100%}.products-section .container{padding-left:8px;padding-right:8px;width:100%;box-sizing:border-box;max-width:100%}.card{width:100%!important;height:260px;margin:0!important;border-radius:16px;display:flex;flex-direction:column}.card.loaded:hover{transform:translateY(-4px)!important}.card.loaded:hover .card__image{transform:translateY(-3px) scale(1.01)!important}.card__content{padding:.9em;gap:.5em}.card__title{font-size:.9em;margin-bottom:-2px}.card__description{font-size:.8em;-webkit-line-clamp:2;max-height:2.8em}.card__short-desc-label{font-size:.75em;-webkit-line-clamp:2;max-height:2.8em}.card__price{font-size:1.05em}.card__button{width:30px;height:30px}.card__image{height:110px;border-radius:10px}.card__badge{top:8px;right:8px;font-size:.65em;padding:.2em .4em}.card__view-icon{width:34px;height:34px}.card__view-icon svg{width:22px;height:22px}.card__loading-image{height:110px;margin-bottom:10px}.card__loading-title{height:16px;margin-bottom:8px}.card__loading-desc{height:8px;margin-bottom:4px}.card__loading-price{height:16px}}@media (max-width:359px){.card{height:240px}.card__image{height:90px}.card__title{font-size:.85em}.card__price{font-size:1em}.card__button{width:28px;height:28px}}