.products-banner{width:100%;height:auto;position:relative;overflow:hidden}.banner-img{object-fit:cover;width:100%;height:90vh}.banner-overlay{text-align:center;color:#fff;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banner-overlay h1{width:50%;margin:0 auto 20px;font-size:48px;font-weight:700}.banner-overlay p{width:60%;margin:0 auto 50px;font-size:18px}.product-category-section{text-align:center;margin:50px 0 60px}.product-category-section h2{color:#215a32;font-size:32px;font-weight:800}.product-category-section p{color:#4e4e4e;margin-top:8px;font-size:16px;font-weight:600}.category-list{scrollbar-width:none;box-sizing:border-box;flex-wrap:nowrap;align-items:flex-start;width:100%;max-width:100%;margin:40px auto 0;padding-left:0;display:flex;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.category-item{flex:none}.category-list .category-item:first-child{z-index:10;background:#fff;padding-bottom:12px;position:sticky;left:0}.category-list:before{content:"";z-index:9;pointer-events:none;background:#fff;gap:20px;width:180px;height:100%;position:sticky;top:0;left:0}.category-title{color:#215a32;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:200px;max-width:420px;margin-top:8px;margin-left:auto;margin-right:auto;font-size:20px;line-height:1.25;display:-webkit-box;overflow:hidden}.all-category-text{color:#215a32;justify-content:center;align-items:center;height:100%;font-size:14px;font-weight:600;display:flex}.category-item img{object-fit:cover;border-radius:100%;width:150px;height:150px}.selected-category-name{text-align:center;color:#215a32;margin:8px 0 20px;font-size:20px;font-weight:500;text-decoration:underline}.category-nav-wrapper{align-items:center;width:80%;margin:40px auto 0;display:flex;position:relative}.category-nav{color:#fff;cursor:pointer;z-index:10;background-color:#215a32;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:20px;transition:all .3s;display:flex}.category-nav:hover{background-color:#579268}.category-nav.prev{margin-right:5px}.category-nav.next{margin-left:15px}.all-products-section{text-align:center;margin-top:60px}.all-products-section h1{z-index:10;background:#fff;padding:10px 0;position:sticky;top:0}.products-grid{grid-template-columns:repeat(4,1fr);gap:35px;width:90%;max-width:1300px;margin:auto auto 25px;display:grid}.product-box{border:1px solid #ffa800;padding:15px;transition:background-color .3s;position:relative;overflow:hidden}.product-box:hover img{filter:blur(1px)brightness();transition:all .3s;transform:scale(1.05)}.product-box:after{content:attr(data-name);text-align:center;color:#fff;opacity:0;z-index:2;background:#00000038;justify-content:center;align-items:center;padding:14px;font-size:14px;font-weight:600;line-height:1.4;transition:opacity .3s;display:flex;position:absolute;inset:0}.product-box:hover:after{opacity:1}.product-box img{object-fit:contain;border-radius:10px;width:100%;height:220px;display:block}.product-box:hover{background-color:#e9f2ec}.product-box img:hover{transition:transform .3s ease-in;transform:scale(1.05)}.product-box{text-decoration:none}.product-name{color:#272727;text-align:start;white-space:normal;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;width:250px;margin-top:10px;font-size:18px;font-weight:450;text-decoration:none;transition:opacity .3s;display:-webkit-box;overflow:hidden}.product-box:hover .product-name{opacity:0;pointer-events:none}.all-products-header{justify-content:space-between;align-items:center;max-width:1150px;font-size:24px;font-weight:600;display:flex}.product-count{color:#4e4e4e;font-size:16px}.pagination{justify-content:center;margin:50px 0 30px;display:flex}.pagination button{cursor:pointer;background:0 0;border:none;border-radius:50px;padding:10px 16px;font-size:15px}.active-category{border:2px solid #215a32;border-radius:100%}.pagination .active-page{border-radius:50px;color:#fff!important;background:#ffa800!important}.category-item{cursor:pointer;flex-direction:column;align-items:center;display:flex}.category-item.active-category{border-color:#579268}.pagination button.active-page{color:#fff;background:#579268;font-weight:600}.category-img{border:4px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;transition:all .3s;display:flex}.category-img img{object-fit:cover;border-radius:50%;width:150px;height:150px}.category-img.active-category{border-color:#579268}.category-item:first-child .category-img{background-color:#e9f2ec}@media (max-width:768px){.banner-img{height:70vh}.banner-overlay h1{width:90%;margin-top:40px;margin-bottom:10px;font-size:24px}.banner-overlay p{width:90%;margin-bottom:0;font-size:16px}.category-list .category-item:first-child{z-index:10;background:#fff;padding-bottom:26px;padding-left:12px;padding-right:12px;position:sticky;left:0}.category-list:before{content:"";z-index:9;pointer-events:none;background:#fff;width:110px;height:100%;position:sticky;top:0;left:0}.category-nav-wrapper{z-index:2;width:90%;margin:0 auto;position:relative}.category-list:before{z-index:1;width:70px}.category-item,.category-img{z-index:2;position:relative}.category-title{text-align:center;white-space:normal;width:100%;max-width:80px;font-size:12px}.category-nav{z-index:5;height:auto}.category-nav.prev{margin-right:0}.category-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:0;margin-top:30px;margin-left:0;padding-left:0;display:flex;position:relative;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.category-item{flex:none}.product-category-section h2{text-align:center;font-size:24px}.product-category-section p{text-align:center;width:90%;margin-left:20px;font-size:16px}.product-name{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;margin-top:8px;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.product-box{border-radius:12px;padding:10px}.product-box img{object-fit:contain;width:100%;height:140px}.product-count{font-size:14px}.category-img{width:80px;height:80px}.category-img img,.category-item img{width:70px;height:70px}.category-title{text-align:center;width:5px;font-size:10px;line-height:1.2}.category-item p{text-align:center;width:180px;margin:8px auto 0;font-size:12px}.products-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:92%}.pagination{margin-top:20px}.pagination button{padding:8px 12px;font-size:14px}}