*{box-sizing:border-box;margin:0;padding:0}body{color:#64748b;font-family:Poppins,ui-sans-serif,Segoe UI,system-ui,sans-serif;line-height:1.6;max-width:100vw;overflow-x:hidden}a{color:#0ea5e9;text-decoration:none;transition:color .3s ease}a:hover{color:#0d98d6}ol,ul{padding-inline-start:30px}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 24px;width:90%}.section{content-visibility:visible;padding:80px 0}.section-title{color:#333;font-size:2.5rem;margin-bottom:40px}.section-subtitle{margin-bottom:40px;margin-top:-40px}.rating .fa-star{color:#ffc310}.bg-light{background-color:#f8f9fa}.btn{background-color:#0ea5e9;border:2px solid #0ea5e9;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;letter-spacing:1px;overflow:hidden;padding:.6rem 2rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.btn:before{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0;z-index:-1}.btn:hover{background-color:#0d98d6;box-shadow:0 10px 20px rgba(14,165,233,.3);color:#fff;transform:translateY(-3px)}.btn:hover:before{height:300px;width:300px}.btn:active{box-shadow:0 5px 10px rgba(14,165,233,.2);transform:translateY(-1px)}.btn-small{background-color:#0ea5e9;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:500;overflow:hidden;padding:8px 20px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.btn-small:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn-small:hover{background-color:#0d98d6;box-shadow:0 6px 12px rgba(14,165,233,.2);color:#fff;transform:translateY(-2px)}.btn-small:hover:after{left:100%}.btn-small:active{box-shadow:0 3px 6px rgba(14,165,233,.1);transform:translateY(0)}header{left:0;padding:15px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:100}header .container{align-items:center;display:flex;justify-content:space-between}.logo img{margin-left:-.75rem}.logo h1{color:#0ea5e9;font-size:24px;font-weight:700}nav ul{display:flex}nav ul li{margin-left:30px}nav ul li a{color:#64748b;font-weight:400;position:relative}nav ul li a:after{background-color:#0ea5e9;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}nav ul li a:hover:after,section{width:100%}.section-hero{background-image:linear-gradient(#d8efff,#fff);padding-top:120px}.section-hero .container{max-width:1200px}.hero-banner{overflow:hidden}.hero-banner,.hero-feature{border-radius:1rem;box-shadow:0 5px 15px rgba(0,0,0,.1)}.hero-feature{align-items:start;align-items:center;background:#fff;display:flex;gap:1rem;justify-content:center;justify-content:space-around;margin:1rem 0;max-width:1170px;padding:2rem}.feature-card{color:#101827;font-size:18px;text-align:center}.feature-card .fa-solid{display:inline-block;margin-right:6px}.about-content{font-size:1.2rem;margin:0 auto;max-width:800px;text-align:center}.section-products{margin-bottom:0;padding-bottom:4rem}.section-products-subtitle{margin:-2rem auto 4rem;max-width:700px;text-align:center}.products-container-2{align-items:center;display:flex;gap:3rem;justify-content:space-between;padding:3rem 0}.product-card-2{border-radius:32px;box-shadow:0 40px 100px rgba(14,165,233,.2);display:flex;flex-direction:column;margin:10px;padding:0 1rem 1.2rem}.product-card-2[data-aos-delay],.product-card-2[data-aos],[data-aos] .product-card-2{transition:all .3s ease,box-shadow .3s ease!important}.product-card-2:hover{box-shadow:0 8px 16px rgba(14,165,233,.6)!important;transform:scale(1.05)!important}.product-card-2 img{border-bottom:1px solid rgba(72,183,235,.2);height:auto;margin-bottom:10px;width:100%;z-index:1}.product-card-2 .hover-image{height:auto;left:1rem;position:absolute;right:1rem;top:0;visibility:hidden;width:calc(100% - 2rem);z-index:10}.product-card-2:hover .hover-image{visibility:visible}.product-card-2 .hover-image{cursor:pointer}.product-card-2 h4{color:#333;font-size:1.2rem;margin:0}.product-card-2 p{flex:1;font-size:1.2rem;opacity:.8;padding-bottom:1rem}.section-testimonial{background-image:linear-gradient(#fff,#d8efff)}.testimonial-opening{margin:6rem auto 10rem;max-width:1000px;padding:0 1rem;position:relative}.section-testimonial .section-subtitle,.section-testimonial .section-title{margin-left:auto;margin-right:auto;max-width:1000px;padding:0 1rem;text-align:left}.section-testimonial .section-title,.testimonial-opening h4{color:#2a4494;font-size:32px;font-weight:700;line-height:1.1;margin-bottom:1rem}.section-testimonial .section-subtitle{font-size:28px;line-height:1.2;margin-top:0}.testimonial-opening p{font-size:28px;line-height:1.2}.testimonial-opening img{position:absolute;right:0;top:-10rem;width:500px}.testimonial-scroll-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;padding:20px 0;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.testimonial-scroll-container::-webkit-scrollbar{display:none}.testimonial-nav{align-items:center;background-color:#0ea5e9;border:none;border-radius:50%;box-shadow:0 5px 15px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;transition:all .3s ease;width:45px}.testimonial-nav:hover{background-color:#3682d5;transform:scale(1.1)}.testimonial-prev{left:10px}.testimonial-next{right:10px}.testimonial-container{display:flex;gap:20px;padding:15px 10px;width:max-content}.testimonial-card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);flex-shrink:0;max-width:350px;min-width:300px;padding:1.5rem 2rem;scroll-snap-align:center;transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-10px)}.testimonial-content p{color:#64748b;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;display:flex;margin-bottom:1rem}.testimonial-author img{border-radius:50%;height:60px;margin-right:15px;object-fit:cover;width:60px}.testimonial-author h4{color:#0ea5e9;font-size:1.1rem;margin:0}.testimonial-author p{color:#64748b;font-size:.9rem;margin:5px 0 0}.testimonial-nav-container{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:center;padding-top:16px}footer{background-color:#101827;font-size:14px;padding:2rem 0}footer>.container{color:#9ca3af;display:flex;justify-content:space-between}.footer-contact{display:flex;gap:1.2rem}.footer-contact i{color:#9ca3af;font-size:18px}.section-marketplace{padding:40px 0}.marketplace-item{align-items:center;border-radius:10px;color:#fff;display:flex;padding:6px 10px;text-decoration:none;transition:all .3s ease}.marketplace-item:hover{background-color:hsla(0,0%,100%,.75)}.marketplace-item i{font-size:1.2rem;margin-right:15px}.faq-container{display:flex;gap:1rem;margin:0 auto}.faq-container>div{flex:1}.faq-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05);margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faq-trigger{align-items:center;background-color:#fff;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem;transition:background .3s}.faq-item.open .faq-trigger,.faq-trigger:hover{background-color:#f0f9ff}.faq-content{color:#666;display:none;padding:1rem 1.5rem;transition:all .3s ease}.faq-item.open .faq-content{display:block}.faq-item .fa-solid{transition:all .3s ease}.faq-item.open .fa-solid{transform:rotate(180deg)}.marketplace-grid{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:2rem 0;width:100%}.marketplace-grid.offline{grid-gap:1rem;align-items:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,210px));justify-content:center;margin-top:0}.marketplace-grid.offline .marketplace-card{border:0;box-shadow:none;padding:.5rem}.marketplace-grid.offline h3{line-height:1.2;opacity:.7}.marketplace-grid.offline .marketplace-icon{height:120px;margin-bottom:1rem;width:120px}.marketplace-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.05);display:flex;flex:1;flex-direction:column;padding:2rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:box-shadow}.marketplace-card:hover{box-shadow:0 12px 18px rgba(0,0,0,.1),0 20px 40px rgba(0,0,0,.06)}.marketplace-icon{align-items:center;display:flex;justify-content:center}.marketplace-tok .marketplace-cta{color:#60bb54}.marketplace-tok:hover{background-color:rgba(96,187,84,.2);border-color:#60bb54}.marketplace-sho .marketplace-cta{color:#ee4d30}.marketplace-sho:hover{background-color:rgba(238,77,48,.2);border-color:#ee4d30}.marketplace-bli .marketplace-cta{color:#068ac9}.marketplace-bli:hover{background-color:rgba(6,138,201,.2);border-color:#068ac9}.marketplace-laz .marketplace-cta{color:#1c2e92}.marketplace-laz:hover{background-color:rgba(6,138,201,.2);border-color:#1c2e92}.marketplace-tik .marketplace-cta{color:#333}.marketplace-tik:hover{background-color:rgba(51,51,51,.2);border-color:#333}.marketplace-card h3{color:#333;font-size:1.25rem;margin:0}.marketplace-cta{align-items:center;color:#06c;display:flex;font-weight:500;gap:.5rem}.marketplace-cta i{transition:transform .3s ease}.marketplace-card:hover .marketplace-cta i{transform:translateX(5px)}.section-about{background-image:linear-gradient(#fff,#f0f9ff);padding-top:0}.section-about h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.section-about-card{background-color:#fff;border:1px solid #e5e7eb;display:flex;gap:1rem;margin:0 auto 1.6rem;max-width:1000px;padding:2rem;transition:box-shadow .3s ease}.section-about-card:hover{box-shadow:0 12px 18px rgba(0,0,0,.1),0 20px 40px rgba(0,0,0,.06);transition:box-shadow .3s ease}.section-about-title{display:flex;flex-direction:column;flex-shrink:0;position:relative;width:30%}.section-about-title>i{font-size:6rem;opacity:15%;position:absolute;right:20%;top:50%;transform:translateY(-50%)}.section-about-title>h2{line-height:1.1;opacity:.9}@media screen and (max-width:1000px){nav ul li:not(.persist){display:none}.section-testimonial{margin-top:0;padding-top:2rem}.container{margin-left:0;margin-right:0;width:100%}.section-hero{align-items:center;padding-top:80px;position:relative}.hero-feature{align-items:center;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem}.feature-card{font-size:12px}.product-card,.products-container-2{flex-direction:column}.product-card{padding:2rem}.product-card img{width:50%}.testimonial-scroll-container{overflow-x:auto}.testimonial-container{padding:0 1rem}.testimonial-card{max-width:80vw;min-width:200px}.marketplace-grid{align-items:center;gap:1rem}.marketplace-grid .marketplace-card{align-items:self-start;flex:auto;justify-content:center;padding:1rem;text-align:left;width:47%}.marketplace-icon{height:60px;margin:0;width:60px}.marketplace-grid.offline{grid-gap:1rem;align-items:center;grid-template-columns:repeat(auto-fit,minmax(100px,3fr));justify-content:center;margin-top:1rem}.marketplace-grid.offline .marketplace-card{display:flex;height:100%;width:100%}.marketplace-grid.offline .marketplace-icon{flex:1;margin-bottom:1rem;width:100%}.marketplace-grid.offline h3{text-align:center}.section-about-card{flex-direction:column}.section-about-title{width:100%}.hidden-sm{display:none}.contact-wrapper,.faq-container{flex-direction:column}.contact-wrapper{overflow-x:hidden}.contact-form,.contact-info{width:100%}.testimonial-opening{margin-bottom:2rem;margin-top:2rem}.testimonial-opening>p,.testimonial-opening~.section-subtitle{font-size:1.2rem}.testimonial-opening>h4,.testimonial-opening~.section-title{font-size:1.6rem}footer{font-size:12px}}.section-contact{background-color:#f8fafc;padding:80px 0}.contact-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.contact-form,.contact-info{flex:1;min-width:300px}.contact-info h2{color:#333;font-size:2.5rem;line-height:1.2;margin-bottom:20px}.contact-info h2 span{color:#0ea5e9}.contact-info p{color:#64748b;margin-bottom:30px}.contact-method{margin-bottom:20px}.contact-icon,.contact-method{align-items:center;display:flex}.contact-icon{background-color:rgba(14,165,233,.1);border-radius:50%;height:50px;justify-content:center;margin-right:15px;width:50px}.contact-icon i{color:#0ea5e9;font-size:20px}.contact-method h3{color:#333;font-size:1.1rem;margin:0}.contact-method a{color:#64748b;text-decoration:none;transition:color .3s ease}.contact-method a:hover{color:#0ea5e9}.contact-form{background-color:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.05);padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #e5e7eb;border-radius:8px;color:#64748b;font-family:inherit;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.1);outline:none}.form-group textarea{min-height:120px;resize:vertical}.section-product-detail{background-color:#f8fafc;padding:40px 0}.section-product-detail .product-grid{padding-top:0}.product-detail-grid{display:flex;gap:40px;justify-content:space-between}.product-info h2{color:#333;font-size:2.5rem;line-height:1.2}.product-features,.product-info h2,.product-specs,.product-usage{margin-bottom:30px}.product-features h3,.product-specs h3,.product-usage h3{color:#0ea5e9;font-size:1.5rem;font-weight:600;margin-bottom:15px}.product-features ul,.product-specs ul,.product-usage ul{list-style:none;padding:0}.product-features li,.product-specs li,.product-usage li{color:#64748b;padding:4px 0 4px 25px;position:relative}.product-features li:before,.product-specs li:before,.product-usage li:before{color:#0ea5e9;content:"✓";font-size:1.1rem;font-weight:700;left:0;position:absolute}@media screen and (max-width:768px){.product-detail-grid{flex-direction:column;gap:40px}.product-info h2{font-size:2rem}.product-features h3,.product-specs h3,.product-usage h3{font-size:1.3rem}.product-card-2 h4{font-size:1rem}.product-card-2 p{font-size:.8rem}}.product-grid{display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:2rem 0;padding:4rem 0}.product-card-2{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.product-card-2:hover{box-shadow:0 10px 20px rgba(0,0,0,.15);transform:translateY(-5px)}.product-image{align-items:center;display:flex;height:200px;justify-content:center;margin-bottom:1rem;position:relative}.product-image img{max-height:100%;max-width:100%;object-fit:contain;transition:opacity .3s ease}.product-image .hover-image{left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease}.product-card-2:hover .hover-image{opacity:1;scale:1.1}.product-card-2 p{color:#666;font-size:.9rem;margin:.25rem 0}.product-card-2 .price{color:#0ea5e9;font-size:1.2rem;font-weight:700;margin:.75rem 0}.product-card-2 .btn{background-color:#0ea5e9;border-radius:2rem;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.product-card-2 .btn:hover{background-color:#0d8bc9;transform:translateY(-2px)}.shopee-grid .product-card-2 .btn{background-color:#ee4d30;border:#ee4d30}@media (max-width:1200px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.product-grid{grid-template-columns:repeat(2,1fr);padding:0}.product-card-2{margin:0 auto;max-width:320px}}.product-title{color:#333;font-size:2rem;letter-spacing:1px;margin:30px 0;padding-bottom:1rem;position:relative;text-transform:uppercase}.product-title:after{background:#0ea5e9;border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.product-gallery{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:500px;overflow:hidden;padding-bottom:1rem}.gallery-main{position:relative;width:100%}.gallery-main-image{display:block;height:auto;transition:transform .3s ease;width:100%}.gallery-main:hover .gallery-main-image{transform:scale(1.02)}.gallery-overlay{align-items:center;bottom:0;display:flex;justify-content:space-between;left:0;opacity:0;padding:0 20px;position:absolute;right:0;top:0;transition:opacity .3s ease}.gallery-main:hover .gallery-overlay{opacity:1}.gallery-nav-btn{align-items:center;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.gallery-nav-btn:hover{transform:scale(1.1)}.gallery-next{margin-right:-1rem}.gallery-prev{margin-left:-1rem}.gallery-thumbnails{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:-80px}.product-info{flex:1}.thumbnail-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;height:80px;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.thumbnail-item:hover{transform:translateY(-2px)}.thumbnail-item.active{border-color:#0ea5e9;box-shadow:0 4px 12px rgba(14,165,233,.3)}.thumbnail-item img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.thumbnail-item:hover img{transform:scale(1.05)}.article-list{padding:4rem 0}.article-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.article-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{box-shadow:0 8px 20px rgba(14,165,233,.2);transform:translateY(-5px)}.article-image{height:300px;overflow:hidden;width:100%}.article-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.article-card:hover .article-image img{transform:scale(1.05)}.article-content{display:flex;flex-direction:column;height:calc(100% - 300px)}.article-date{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.5rem}.article-date i{color:#0ea5e9}.article-content .article-title{color:#1e293b;font-size:1.25rem;line-height:1.4;margin:0}.article-excerpt{color:#64748b;flex:1;line-height:1.6;margin-bottom:1.5rem}.read-more{align-items:center;color:#0ea5e9;display:inline-flex;font-weight:500;text-decoration:none;transition:all .3s ease}.read-more:hover{color:#0d8bc9;transform:translateX(5px)}.read-more i{margin-left:.5rem;transition:transform .3s ease}.read-more:hover i{transform:translateX(3px)}.section-title{color:#1e293b;margin-bottom:1rem;padding-bottom:1rem;position:relative;text-align:center}.section-title:after{background:#0ea5e9;border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.section-subtitle{color:#64748b;margin:0 auto 3rem;max-width:700px;text-align:center}@media (max-width:768px){.article-grid{grid-template-columns:1fr}.article-card{margin:0 auto;max-width:400px}.product-title:after{bottom:0;left:0;transform:translateX(0);width:120px}}.article-container{margin:0 auto;max-width:800px;padding:120px 20px 40px}.article-header{margin-bottom:40px;text-align:center}.article-header h1{color:#2c3e50;font-size:2.2em;margin-bottom:20px}.article-header img{border-radius:20px}.article-meta{color:#7f8c8d;font-size:.9em;margin-bottom:30px}.article-card .article-content{padding:1.3rem}.article-content{color:#2c3e50;font-size:1.1em;line-height:1.8}.article-content h2{color:#3498db;line-height:1.4;margin:40px 0 20px}.article-content h3{color:#2c3e50;line-height:1.4;margin:30px 0 15px}.expert-opinion{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:0 8px 8px 0;margin:30px 0;padding:20px}.expert-opinion p{font-style:italic;margin:0}.conclusion{background-color:#e8f4fc;border-radius:8px;margin:40px 0;padding:25px}.conclusion h3{margin-top:0}.product-recommendation{margin:50px 0;text-align:center}.product-recommendation h3{margin:0}.product-recommendation h4{color:#3498db;margin:10px 0}.product-recommendation p{margin-bottom:20px}.product-recommendation img{height:300px;margin:0 auto}.product-recommendation-items{display:flex;gap:20px}.breadcrumb{color:#7f8c8d;font-size:.9em;margin-bottom:20px}@media screen and (max-width:768px){.gallery-thumbnails{gap:8px}.thumbnail-item{height:60px;width:60px}.gallery-nav-btn{font-size:12px;height:35px;width:35px}.product-title{font-size:1.2rem;text-align:left}}.product-filter{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:2rem 0}.filter-btn{background:transparent;border:2px solid #0ea5e9;border-radius:25px;color:#0ea5e9;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:#0ea5e9;box-shadow:0 4px 12px rgba(14,165,233,.3);color:#fff;transform:translateY(-2px)}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin:3rem 0}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.pagination-btn:hover{background:#f0f9ff;border-color:#0ea5e9;color:#0ea5e9}.pagination-btn.active{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#666;font-size:.9rem;margin:0 15px}.product-card-2.fade-out{opacity:0;transform:scale(.8);transition:all .3s ease}.product-card-2.fade-in{opacity:1;transform:scale(1);transition:all .3s ease}.loading-state{display:contents}.skeleton{border-radius:8px}.skeleton,.skeleton-text{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.skeleton-text{border-radius:4px;height:16px;margin:8px 0}.skeleton-text.short{width:60%}.skeleton-btn{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:36px;margin-top:12px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.products-loaded .loading-state{display:none}@media (max-width:768px){.product-filter{gap:8px}.filter-btn{font-size:.8rem;padding:8px 12px}.pagination{gap:5px}.pagination-btn{font-size:.8rem;padding:6px 10px}.pagination-info{display:none}}