.products{padding-left:10px;padding-right:10px}.staticnavbar{position:-webkit-sticky;position:sticky;top:0;z-index:999}.itemsbody{margin-left:15px;margin-right:15px;margin-top:10px;display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px}.pagination{display:flex;justify-content:center;margin-top:3rem;gap:1rem}.pagination a{position:relative;display:inline-flex;align-items:center;padding:.75rem 1.5rem;border:transparent;border-radius:9999px;font-size:.875rem;font-weight:500;color:#fff;text-decoration:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .2s ease;cursor:pointer}.pagination a:hover{transform:scale(1.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.pagination a[class*=from-purple]{background:linear-gradient(90deg,#e05a4b,#bc542e)}.pagination a[class*=from-purple] span{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;padding-left:.75rem}.pagination a[class*=from-purple]:hover span{animation:bounceLeft 1s infinite}.pagination a.buton{background:linear-gradient(90deg,#e05a4b,#bc542e)}.pagination a.buton span{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;padding-right:.75rem}.pagination a.buton:hover span{animation:bounceRight 1s infinite}.empty-state{text-align:center;margin-top:2rem}.empty-state .empty-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;background-color:#f3f4f6;color:#1f2937}.empty-state .empty-badge svg{margin-right:.5rem}@keyframes bounceLeft{0%,to{transform:translateX(0)}50%{transform:translateX(-4px)}}@keyframes bounceRight{0%,to{transform:translateX(0)}50%{transform:translateX(4px)}}.header{text-align:center;margin:0;padding:3rem 1rem;position:relative;overflow:hidden;isolation:isolate}.header:before{background:linear-gradient(135deg,rgba(147,51,234,.1),rgba(59,130,246,.1))}.header:after,.header:before{content:"";position:absolute;inset:0;z-index:-1}.header:after{background:radial-gradient(circle at 20% 30%,rgba(236,72,153,.15) 0,transparent 25%),radial-gradient(circle at 80% 70%,rgba(99,102,241,.15) 0,transparent 25%);animation:pulse 8s infinite alternate}.header .title{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.5rem;line-height:1;position:relative}@media(min-width:640px){.header .title{font-size:2.5rem}}.header .title span{background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(90deg,#9333ea,#3b82f6);position:relative;z-index:2}.header .title:after{content:"✦";position:absolute;right:-15px;top:-10px;font-size:1.5rem;color:rgba(59,130,246,.3);animation:spin 6s linear infinite}.header .subtitle{font-size:1.125rem;color:#4b5563;line-height:1.75;max-width:600px;margin:0 auto;position:relative;z-index:2;background:hsla(0,0%,100%,.7);padding:.5rem 1rem;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.particle{position:absolute;background:rgba(99,102,241,.4);border-radius:50%;animation:float linear infinite}.particle:first-child{width:4px;height:3px;top:37%;left:64%;animation-duration:13s;animation-delay:4s}.particle:nth-child(2){width:5px;height:6px;top:43%;left:31%;animation-duration:29s;animation-delay:3s}.particle:nth-child(3){width:7px;height:4px;top:78%;left:37%;animation-duration:12s;animation-delay:2s}.particle:nth-child(4){width:4px;height:5px;top:53%;left:24%;animation-duration:20s;animation-delay:3s}.particle:nth-child(5){width:7px;height:3px;top:71%;left:67%;animation-duration:19s;animation-delay:4s}.particle:nth-child(6){width:7px;height:6px;top:18%;left:13%;animation-duration:23s;animation-delay:9s}@keyframes float{0%{transform:translateY(0) translateX(0)}25%{transform:translateY(-50px) translateX(20px)}50%{transform:translateY(20px) translateX(-30px)}75%{transform:translateY(-30px) translateX(-20px)}to{transform:translateY(0) translateX(0)}}.searchcard{width:45vw;display:flex;flex-direction:column;border:1px solid #e7e7e7;font-size:12px}.searchcard .imagearea,.searchcard .imagearea .image{position:relative;width:45vw;height:45vw}.searchcard .imagearea .image{background-size:cover;background-position:50%}.searchcard .imagearea .image img{height:45vw;width:45vw}.searchcard .imagearea .lowerstock{background-color:#ff8f00;position:absolute;right:5px;bottom:-5px;color:#fff;padding:2px;font-weight:500;font-size:10px}.searchcard .imagearea .quality{color:#fff;background-color:#e3242b;font-weight:700;padding:0 6px 0 2px;-webkit-clip-path:polygon(0 0,100% 0,85% 100%,0 100%);clip-path:polygon(0 0,100% 0,85% 100%,0 100%);width:max-content;margin-right:auto;position:absolute;top:5px;left:-5px}.searchcard .imagearea .quality img{width:10vw;height:10vw}.searchcard .detailsarea{display:flex;flex-direction:column;padding:10px;gap:3px}.searchcard .detailsarea .itemname{color:#000;font-size:14px}.searchcard .detailsarea .lebal{background-color:orange;color:#fff;font-weight:700;padding:1px 6px 1px 2px;-webkit-clip-path:polygon(0 0,100% 0,85% 100%,0 100%);clip-path:polygon(0 0,100% 0,85% 100%,0 100%);width:max-content;margin-right:auto;font-size:10px}.searchcard .detailsarea .priceandquantity{display:flex;justify-content:space-between;align-items:center}.searchcard .detailsarea .priceandquantity .price{color:#e3242b}.searchcard .detailsarea .priceandquantity .price .mwk{font-size:10px}.searchcard .detailsarea .priceandquantity .price .amountfiguret{font-size:24px}.searchcard .detailsarea .priceandquantity .quantity{font-size:10px;text-decoration:line-through;color:#000}.searchcard .rating{padding:10px;display:flex;gap:2px;color:gray;align-items:center;font-size:8px}.searchcard .rating .rated{color:#ff8f00}.secondnav{width:100vw;background-color:#fff}.secondnav .seconfnavcontainer{padding:5px 15px;gap:8px}.secondnav .seconfnavcontainer,.secondnav .seconfnavcontainer .secondnavlogo{display:flex;align-items:center}.secondnav .seconfnavcontainer .secondnavlogo .ourlogo{width:7vw;height:7vw}.secondnav .seconfnavcontainer .secondnavsearch{flex:1 1;display:flex;align-items:center;background-color:#f1eded;padding-left:5px}.secondnav .seconfnavcontainer .secondnavsearch .secondnavicon{display:flex;align-items:center}.secondnav .seconfnavcontainer .secondnavsearch .secondnavicon img{height:4vw}.secondnav .seconfnavcontainer .secondnavsearch .secondnavsearchinput{position:relative;flex:1 1;display:flex}.secondnav .seconfnavcontainer .secondnavsearch .secondnavsearchinput .searchresults{width:100%;position:absolute;left:0;top:100%;background-color:#fff;z-index:9999}.secondnav .seconfnavcontainer .secondnavsearch .secondnavsearchinput .searchresults .single{padding:10px;display:flex;justify-content:space-between;align-items:center}.secondnav .seconfnavcontainer .secondnavsearch .secondnavsearchinput .searchresults .single .leftsingle{font-size:12px}.secondnav .seconfnavcontainer .secondnavsearch .secondnavsearchinput .searchresults .single .rightsingle{font-size:10px;color:#e3242b}.secondnav .seconfnavcontainer .secondnavsearch .secondnavsearchinput input{flex:1 1;padding:2vw 10px;outline:none;border:none;background:none}.secondnav .seconfnavcontainer .secondnavsearch .secondnavsearchinput input::placeholder{color:#ee4d2d;font-size:14px}.secondnav .seconfnavcontainer .secoandnavcart{display:flex;align-items:center;position:relative}.secondnav .seconfnavcontainer .secoandnavcart .countmain{position:absolute;top:-5px;right:0;width:15px;height:15px;font-size:10px;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#e3242b}.secondnav .seconfnavcontainer .secoandnavcart .ourlogo{width:7vw;height:7vw}