.slider{width:100%;height:500px;position:relative;overflow:hidden}.slider.is-loading{background:linear-gradient(90deg,#ddd 25%,#eee 50%,#ddd 75%) 0 0/200% 100%;animation:1.5s infinite bannerShimmer}@keyframes bannerShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.slide{opacity:0;z-index:0;cursor:grab;width:100%;height:100%;transition:opacity 1.5s ease-in-out;position:absolute;top:0;left:0;overflow:hidden}.slide.active{opacity:1;z-index:1}.slide-image{filter:brightness(70%);background-position:50%;background-size:cover;width:100%;height:100%;transition:transform 8s,filter 8s;transform:scale(1)}.slide-image-el{object-fit:cover;z-index:0;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.slide-image-el.loaded{opacity:1}.slide.active .slide-image-el{transition:transform 8s;transform:scale(1.08)}.slide.active .slide-image{filter:brightness(80%);transform:scale(1.08)}.slide-overlay{z-index:1;background:linear-gradient(90deg,#0a0805a6 0%,#0a080526 60%,#0a08050d 100%);position:absolute;inset:0}.text{box-sizing:border-box;z-index:2;color:#fff;text-shadow:2px 2px 8px #000000b3;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;max-height:70%;padding:0 10% 40px;animation:1.5s forwards fadeInUp;display:flex;position:absolute;bottom:0;left:0;overflow:hidden}.text h2,.text p{width:100%;max-width:480px}.text h2{margin:0 0 10px;font-family:Poppins,sans-serif;font-size:28px;font-weight:800;line-height:1.25}.text p{margin:0 0 20px;font-size:16px;line-height:1.4}.text button{color:#e0212b;cursor:pointer;white-space:nowrap;background-color:#0000;border:1px solid #e0212b;border-radius:30px;flex-shrink:0;padding:14px 30px;font-size:16px;font-weight:700;transition:all .3s}.text button:hover{color:#fff;background-color:#e0212b}.dots-container{z-index:3;align-items:center;gap:12px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background-color:#fffa;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background-color:#e0212b;border-radius:6px;width:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navigation-buttons{z-index:5;justify-content:space-between;width:100%;padding:0 20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.navigation-buttons button{cursor:pointer;color:#e0212b;background:#1a1a1a73;border:1px solid #e0212b80;border-radius:50%;padding:12px;transition:all .3s}.navigation-buttons button:hover{background:#e0212b26;border-color:#e0212b}@media screen and (min-width:769px) and (max-width:1000px){.slider{height:450px}}@media screen and (max-width:768px){.slider{height:380px}.text{max-height:65%;padding:0 6% 30px}.text h2{margin-bottom:8px;font-size:21px}.text p{margin-bottom:14px;font-size:14px}.text button{padding:10px 20px;font-size:14px}.navigation-buttons button{padding:8px}.dot{width:10px;height:10px}}@media screen and (max-width:480px){.slider{height:340px}.dots-container{bottom:10px}.dot{width:10px;height:10px}.text{max-height:62%;padding:0 5% 24px}.text h2{margin-bottom:6px;font-size:17px}.text p{margin-bottom:10px;font-size:12px;line-height:1.3}.text button{padding:8px 16px;font-size:12px}}@media screen and (max-width:380px){.slider{height:320px}.dots-container{bottom:8px}.dot{width:8px;height:8px}.text{max-height:60%;padding:0 5% 20px}.text h2{font-size:15px}.text p{margin-bottom:8px;font-size:11px}.text button{padding:7px 14px;font-size:11px}}
.trending-section{background:#faf7f2;padding-bottom:20px}.trending-title{text-align:center;color:#2a2218;margin-bottom:4px;font-size:20px;font-weight:700}.trending-wrapper{position:relative}.trending-scroll{scroll-behavior:smooth;scrollbar-width:none;gap:12px;padding:4px;display:flex;overflow-x:auto}.trending-scroll::-webkit-scrollbar{display:none}.trending-card{cursor:pointer;background:linear-gradient(135deg,#fff,#f4f1ea);border:1px solid #c9a84c40;border-radius:14px;flex:none;align-items:stretch;width:300px;transition:box-shadow .25s,transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 14px #0000001f,0 1px 3px #00000014}.trending-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0000002e}.trending-image-container{flex-shrink:0;width:120px;height:128px;position:relative;overflow:hidden}.trending-image-container.is-loading{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%) 0 0/200% 100%;animation:1.5s infinite trending-shimmer}.trending-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;display:block}.trending-image.loaded{opacity:1}.trending-info{flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:10px 12px;display:flex}.trending-name{color:#222;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:700;overflow:hidden}.trending-price{color:#ef1200;margin:0;font-size:15px;font-weight:700}.trending-whatsapp-btn{text-align:left;color:#fff;cursor:pointer;background:#288828;border:none;border-radius:18px;justify-content:center;align-items:center;gap:6px;width:100%;padding:7px 12px;font-size:12px;transition:background .2s,transform .15s;display:flex;box-shadow:0 2px 6px #00000026}.trending-whatsapp-btn:hover{background:#006400;transform:scale(1.02)}.trending-views{color:#8a7a60;white-space:nowrap;margin:0;font-size:10px}.trending-fade{pointer-events:none;z-index:2;width:40px;position:absolute;top:0;bottom:0}.trending-fade.left{background:linear-gradient(90deg,#faf7f2,#0000);left:0}.trending-fade.right{background:linear-gradient(270deg,#faf7f2,#0000);right:0}.trending-scroll-btn{z-index:3;color:#c9a84c;cursor:pointer;background:#fff;border:1px solid #c9a84c;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 8px #0000002e}.trending-scroll-btn.left{left:4px}.trending-scroll-btn.right{right:4px}@keyframes trending-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.trending-skeleton-card{cursor:default;background:linear-gradient(135deg,#fff,#f4f1ea);border:1px solid #c9a84c40;border-radius:14px;flex:none;align-items:stretch;width:300px;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000014}.trending-skeleton-image{background:linear-gradient(90deg,#e8e8e8 25%,#f2f2f2 50%,#e8e8e8 75%) 0 0/200% 100%;flex-shrink:0;width:120px;height:128px;animation:1.5s infinite trending-skeleton-shimmer}.trending-skeleton-info{flex-direction:column;flex:1;justify-content:center;gap:8px;padding:10px 12px;display:flex}.trending-skeleton-name{background:linear-gradient(90deg,#e8e8e8 25%,#f2f2f2 50%,#e8e8e8 75%) 0 0/200% 100%;border-radius:6px;width:80%;height:14px;animation:1.5s infinite trending-skeleton-shimmer}.trending-skeleton-price{background:linear-gradient(90deg,#e8e8e8 25%,#f2f2f2 50%,#e8e8e8 75%) 0 0/200% 100%;border-radius:6px;width:50%;height:16px;animation:1.5s infinite trending-skeleton-shimmer}.trending-skeleton-btn{background:linear-gradient(90deg,#e8e8e8 25%,#f2f2f2 50%,#e8e8e8 75%) 0 0/200% 100%;border-radius:18px;width:100%;height:26px;animation:1.5s infinite trending-skeleton-shimmer}.trending-skeleton-views{background:linear-gradient(90deg,#e8e8e8 25%,#f2f2f2 50%,#e8e8e8 75%) 0 0/200% 100%;border-radius:6px;width:60%;height:10px;animation:1.5s infinite trending-skeleton-shimmer}@keyframes trending-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
.categories-container{text-align:center}.categories-container h2{margin-top:10px;margin-bottom:20px;font-size:24px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:1200px;margin:0 auto;padding:5px;display:grid}.category-card{text-align:center;cursor:pointer;background:#fff;border-radius:10px;width:100%;transition:all .3s ease-in-out;box-shadow:0 4px 6px #0000001a}.category-card h3{margin-top:10px;font-size:16px}.category-card p{color:gray;margin-bottom:10px;font-size:14px}.category-card:hover{transform:scale(1.01);box-shadow:0 10px 20px #0006}.category-image-wrapper{aspect-ratio:4/3;background-color:#f5f5f5;border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:auto;position:relative;overflow:hidden}.category-image-wrapper.is-loading{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%) 0 0/200% 100%;animation:1.5s infinite catShimmer}@keyframes catShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.category-img{object-fit:contain;z-index:1;border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:100%;transition:opacity .3s ease-in-out;position:absolute;top:0;left:0}.category-img.loaded{opacity:1}.category-card.skeleton{cursor:default;pointer-events:none}.skeleton-pulse-box{background:#e0e0e0;animation:1.5s infinite pulse}.skeleton-line{background:#e0e0e0;border-radius:6px;margin:8px auto;animation:1.5s infinite pulse}.skeleton-cat-title{width:60%;height:16px}.skeleton-cat-count{width:40%;height:14px;margin-bottom:10px}.skeleton-img-fill{background-color:#d8d8d8;border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:100%;animation:1.5s ease-in-out infinite catPulse;position:absolute;top:0;left:0}@keyframes catPulse{0%{background-color:#d8d8d8}50%{background-color:#ececec}to{background-color:#d8d8d8}}@keyframes pulse{0%{background-color:#e0e0e0}50%{background-color:#ececec}to{background-color:#e0e0e0}}@media (max-width:1100px){.categories-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}@media (max-width:1024px){.categories-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.categories-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media (max-width:480px){.categories-container h2{font-size:20px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.category-card h3{font-size:14px}.category-card p{font-size:12px}}
.home-page{max-width:1600px;margin:auto;padding:20px}@media screen and (max-width:768px){.home-page{padding:8px}}@media screen and (max-width:460px){.home-page{padding:5px}}