body,html{overflow-x:clip;margin:0;padding:0}.item-banner{width:100%;padding:140px 20px 80px;min-height:380px;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#1e3a8a);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden}.item-banner:before{top:-40%;left:-15%;width:480px;height:480px;background:radial-gradient(circle,rgba(37,99,235,.3) 0,rgba(0,0,0,0) 70%)}.item-banner:after,.item-banner:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.item-banner:after{bottom:-40%;right:-10%;width:450px;height:450px;background:radial-gradient(circle,rgba(220,38,38,.22) 0,rgba(0,0,0,0) 70%)}.item-content{position:relative;z-index:2;max-width:850px;margin:0 auto}.item-banner h1{font-size:3.4rem;font-weight:800;margin-bottom:16px;color:#ffffff}.item-banner p{font-size:1.15rem;color:#cbd5e1;opacity:.95}.items-section{padding:90px 0;background:#fffaf3}.filter-card{border-radius:18px;padding:18px 20px;box-shadow:0 8px 24px rgba(0,0,0,.05)}.filter-card .d-flex{display:flex;align-items:center!important;justify-content:space-between!important;gap:15px}.filter-card button.btn-light{height:48px;padding:0 18px;border-radius:14px;border:1px solid #ddd!important;background:#f8fafc!important;color:#222!important;font-weight:600;transition:.3s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px}.filter-card button.btn-light svg{font-size:16px;flex-shrink:0;margin-top:-1px}.filter-card button.btn-light:hover{background:#eef2ff!important;border-color:#2563eb!important}.filter-card .filter-area{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-input,.filter-select{height:48px;border-radius:14px!important;border:1px solid #ddd!important;padding:0 14px!important;font-size:14px;background:#fff;min-width:180px}.filter-card .text-muted{font-size:15px;color:#666!important}.product-card{background:white;padding:20px;border-radius:18px;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.3s ease;height:100%;display:flex;flex-direction:column;justify-content:space-between}.product-card:hover{transform:translateY(-8px)}.img-box{width:100%;height:200px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-img{width:100%;height:190px;object-fit:contain}.product-info{padding:15px 5px;text-align:left}.product-info h5{font-size:17px;font-weight:700;margin-bottom:10px;color:#222}.product-info p{font-size:14px;margin:4px 0;color:#555;line-height:1.6}.btn-view{background:linear-gradient(135deg,#dc2626,#f97316);color:white;padding:11px 20px;border-radius:25px;font-weight:600;transition:.3s ease}.btn-view:hover{transform:translateY(-2px)}.btn-main{width:100%;background:linear-gradient(135deg,#dc2626,#f97316)!important;color:white!important;border:none!important;padding:13px;border-radius:25px;font-weight:600;cursor:pointer}.form-box{display:flex;flex-direction:column;gap:10px}.form-box input{width:100%;padding:12px;border:1px solid #ccc;border-radius:10px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9999}.pagination-card{border-radius:18px;border:1px solid #ececec;box-shadow:0 8px 24px rgba(0,0,0,.05);margin-top:25px}.pagination-wrapper{gap:20px}.custom-select{border-radius:12px;padding:0 12px;background:white}.page-right{gap:16px}.page-total{font-size:15px}.page-buttons{display:flex;align-items:center;gap:10px}.page-buttons .btn{width:42px;height:42px;border-radius:12px;border:1px solid #ddd;background:white;display:flex;align-items:center;justify-content:center}.page-buttons .btn-primary{min-width:50px;padding:0 16px;border:none;background:#2563eb;color:white}.product-container{min-height:400px}.loader-box{min-height:300px;color:#666;font-weight:500}.sidebar-column{align-self:flex-start}.sidebar-head{padding:16px 18px;border-bottom:1px solid #eee;background:#f8f8f8;flex-shrink:0}.sidebar-head h4{margin:0;font-size:20px;font-weight:700}.category-search{padding:12px 15px;border-bottom:1px solid #eee;flex-shrink:0}.category-search input{height:44px;border-radius:8px}.category-list{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden}.category-list::-webkit-scrollbar{width:5px}.category-list::-webkit-scrollbar-thumb{background:#d2d2d2;border-radius:30px}@media (max-width:992px){.category-sidebar{position:relative;top:0;max-height:none}}.category-item{border-bottom:1px solid #f3f3f3;position:relative}.category-btn{width:100%;border:none;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;font-size:15px;font-weight:600;transition:.35s;cursor:pointer;position:-webkit-sticky;position:sticky;top:0;z-index:50;background:#fff}.category-btn span{display:flex;align-items:center;gap:10px}.category-btn svg{font-size:17px}.category-btn:hover{background:#fff5ef;color:#2563eb}.category-btn.active{background:#2563eb;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:51}.products-layout{display:flex;align-items:flex-start;gap:30px}.category-sidebar{width:320px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:90px;height:calc(100vh - 105px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.products-content{flex:1 1}@media(max-width:992px){.products-layout{flex-direction:column}.category-sidebar{width:100%;position:relative;top:0;max-height:none}}.count{width:34px;height:34px;border-radius:50%;background:#f1f1f1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.category-btn.active .count{background:#fff;color:#2563eb}.category-content{max-height:0;overflow:hidden;transition:.4s;background:#fff}.category-content.show{max-height:1000px}.product-link{width:100%;text-align:left;padding:8px 12px;margin:4px 0;border:none;background:transparent;border-radius:8px;color:#555;transition:.2s}.product-link:hover{background:#f5f7fb;color:#2563eb;padding-left:18px}.product-section{margin-bottom:45px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #f1f1f1}.section-title h3{font-size:26px;font-weight:700;margin:0}.section-title span{background:#2563eb;color:#fff;padding:7px 15px;border-radius:30px;font-size:13px;font-weight:700}.product-list-card{background:#fff;border:1px solid #ececec;border-radius:12px;padding:22px;margin-bottom:20px;scroll-margin-top:120px;transition:.35s;box-shadow:0 5px 18px rgba(0,0,0,.05)}.product-list-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.08)}.list-image{height:220px;display:flex;align-items:center;justify-content:center}.list-image img{width:100%;height:210px;object-fit:contain}.list-content h4{font-size:24px;font-weight:700;margin-bottom:12px}.list-content p{font-size:15px;color:#666;line-height:1.8}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.spec-grid div{background:#fafafa;padding:12px;border-radius:8px}.spec-grid b{display:block;font-size:13px;margin-bottom:6px;color:#2563eb}.spec-grid span{font-size:14px;color:#444}.product-action{display:flex;flex-direction:column;justify-content:center;height:100%;gap:12px}.btn-view{height:48px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-weight:700;transition:.3s}.btn-view:hover{background:#e55300}.btn-enquiry{height:48px;border-radius:8px;background:#fff;border:2px solid #2563eb;color:#2563eb;font-weight:700;transition:.3s}.btn-enquiry:hover{background:#2563eb;color:#fff}.filter-card{background:#fff;border:1px solid #ececec;padding:20px;border-radius:12px;margin-bottom:25px;box-shadow:0 5px 20px rgba(0,0,0,.05)}.filter-card input,.filter-card select{height:48px;border-radius:8px;border:1px solid #ddd;font-size:14px;box-shadow:none}.filter-card input:focus,.filter-card select:focus{border-color:#2563eb;box-shadow:none}.btn-reset{width:100%;height:48px;background:#2563eb;border:none;border-radius:8px;font-weight:600;color:#fff;transition:.3s}.btn-reset:hover{background:#e55a00}.product-section{scroll-margin-top:100px;padding-top:10px}.product-section:not(:last-child){margin-bottom:60px}.list-image{background:#fff;border:1px solid #eee;border-radius:12px;padding:15px}.list-image img{transition:.35s}.product-list-card:hover .list-image img{transform:scale(1.05)}.list-content{padding:5px 10px}.list-content h4{color:#222;line-height:1.4}.list-content p{margin-bottom:18px}.spec-grid{margin-top:20px}.spec-grid div{border:1px solid #eee;transition:.3s}.spec-grid div:hover{border-color:#2563eb;background:#fff8f3}.product-action{padding-left:10px}.btn-view{margin-bottom:12px}.btn-enquiry,.btn-view{width:100%;cursor:pointer}.pagination-card{margin-top:40px;background:#fff;border-radius:12px;padding:18px 22px;border:1px solid #eee}.pagination-wrapper{justify-content:space-between;flex-wrap:wrap;gap:15px}.page-left,.pagination-wrapper{display:flex;align-items:center}.page-left{gap:12px}.page-left span{font-size:15px;font-weight:600}.custom-select{width:90px;height:42px;border-radius:8px;border:1px solid #ddd;padding:0 10px}.page-right{display:flex;align-items:center;gap:10px}.page-right .btn{width:42px;height:42px;border-radius:8px;border:1px solid #ddd;background:#fff;transition:.3s}.page-right .btn-primary,.page-right .btn:hover{background:#2563eb;border-color:#2563eb;color:#fff}.loader-box{min-height:350px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#888}html{scroll-behavior:smooth}.btn-enquiry,.btn-view,.category-btn,.product-link,.product-list-card{transition:all .3s ease}@media (max-width:1200px){.list-content h4{font-size:21px}.spec-grid{grid-template-columns:1fr}.product-action{margin-top:20px;padding-left:0}}@media (max-width:992px){.items-section{padding:60px 0}.product-list-card{padding:18px;scroll-margin-top:120px}.list-image{height:180px;margin-bottom:20px}.list-image img{height:170px}.list-content{padding:0}.list-content h4{font-size:20px}.section-title{flex-direction:column;align-items:flex-start;gap:12px}.product-action{margin-top:20px}.pagination-wrapper{justify-content:center}.page-left,.page-right{width:100%;justify-content:center}.category-sidebar{position:relative;top:0;height:auto}.category-list{height:auto;max-height:400px}}@media(max-width:768px){.item-banner{min-height:220px;padding:80px 20px}.item-banner h1{font-size:34px}.item-banner p{font-size:15px}.filter-card{padding:16px}.filter-card .row{row-gap:12px}.category-btn{padding:14px;font-size:14px}.product-link{padding:11px 18px;font-size:13px}.section-title h3{font-size:22px}.section-title span{font-size:12px}.product-list-card{padding:16px}.list-image{height:170px}.list-image img{height:160px}.list-content h4{font-size:18px}.list-content p{font-size:14px}.spec-grid{grid-template-columns:1fr}.spec-grid div{padding:10px}.product-action{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.btn-enquiry,.btn-view{height:46px}.pagination-card{padding:16px}}@media(max-width:576px){.container-fluid{padding-left:15px;padding-right:15px}.item-banner{padding:70px 15px}.item-banner h1{font-size:28px}.sidebar-head{padding:15px}.sidebar-head h4{font-size:18px}.category-search{padding:12px}.category-search input{height:42px}.category-btn{padding:12px}.count{width:28px;height:28px;font-size:12px}.product-link{padding:10px 15px}.section-title{margin-bottom:15px}.section-title h3{font-size:20px}.product-list-card{padding:14px}.list-image{height:150px}.list-image img{height:140px}.list-content h4{font-size:17px}.list-content p{font-size:13px;line-height:1.7}.spec-grid{gap:8px}.spec-grid b{font-size:12px}.spec-grid span{font-size:13px}.btn-enquiry,.btn-view{font-size:14px;height:44px}.page-left{display:none}.page-right{width:100%;justify-content:center}}.category-item{animation:fadeIn .35s ease}.product-list-card{animation:fadeUp .45s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-list-card:hover .list-content h4{color:#2563eb}.product-list-card:hover{border-color:#2563eb}.list-image img{transition:.4s}.product-list-card:hover img{transform:scale(1.06)}.category-btn svg{transition:.3s}.category-btn.active svg{transform:rotate(180deg)}.category-list::-webkit-scrollbar{width:6px}.category-list::-webkit-scrollbar-thumb{background:#2563eb;border-radius:50px}.category-list::-webkit-scrollbar-track{background:#f4f4f4}.back-to-top-btn{position:fixed;right:25px;bottom:25px;width:58px;height:58px;border:none;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:28px;font-weight:700;cursor:pointer;z-index:99999;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(37,99,235,.35);transition:all .35s ease}.back-to-top-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-6px);box-shadow:0 18px 35px rgba(37,99,235,.45)}.back-to-top-btn:active{transform:translateY(-2px)}@media(max-width:768px){.back-to-top-btn{width:50px;height:50px;right:15px;bottom:15px;font-size:22px}}.items-section>.container-fluid>.row{align-items:flex-start}.sidebar-wrapper{align-self:flex-start}.subcategory-btn{width:calc(100% - 20px);margin:8px 10px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8f9fc;border:1px solid #edf0f6;border-radius:10px;cursor:pointer;color:#4a5568;font-size:14px;font-weight:600;transition:all .25s ease}.subcategory-btn span:first-child{display:flex;align-items:center;gap:6px}.subcategory-btn:hover{background:#eef4ff;border-color:#d6e4ff;color:#2563eb}.subcategory-btn.active{background:#ffffff;color:#2563eb!important;border-left:4px solid #2563eb;border-radius:10px;box-shadow:0 5px 18px rgba(37,99,235,.12)}.subcategory-btn.active span,.subcategory-btn.active svg{color:#2563eb}.subcategory-btn.active .count{background:#2563eb;color:#fff}.subcategory-btn .count{background:#edf2ff;color:#2563eb;width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700}.subcategory-products{margin:0 12px 10px 30px;padding-left:12px;border-left:2px solid #edf1f7;max-height:300px;overflow-y:auto;position:relative}.subcategory-products::-webkit-scrollbar{width:6px}.subcategory-products::-webkit-scrollbar-track{background:#f3f3f3;border-radius:20px}.subcategory-products::-webkit-scrollbar-thumb{background:#b8b8b8;border-radius:20px}.subcategory-products::-webkit-scrollbar-thumb:hover{background:#7b7b7b}.category-scroll{max-height:calc(100vh - 250px);overflow-y:auto;overflow-x:hidden}.category-scroll::-webkit-scrollbar{width:6px}.category-scroll::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:20px}.category-scroll::-webkit-scrollbar-track{background:#f5f5f5}.back-to-top{position:fixed;right:20px;bottom:20px;width:50px;height:50px;border:none;border-radius:50%;background:#0d6efd;color:#fff;font-size:22px;cursor:pointer;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:.3s}.back-to-top:hover{transform:translateY(-3px)}.products-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:18px;border:1px solid #ececec;box-shadow:0 8px 24px rgba(0,0,0,.05);margin-top:25px;min-height:400px}.spinner-ring{width:50px;height:50px;border:4px solid #f3f4f6;border-top-color:#2563eb;border-radius:50%;animation:spin-ring 1s linear infinite;margin-bottom:20px}@keyframes spin-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-size:18px;font-weight:600;color:#4b5563;animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:.6}50%{opacity:1}}.skeleton-container{display:flex;flex-direction:column;gap:20px;margin-top:25px}.skeleton-card{background:#fff;border-radius:18px;padding:20px;border:1px solid #ececec;box-shadow:0 8px 24px rgba(0,0,0,.05)}.skeleton-shimmer{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:6px}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-img{width:100%;height:150px}.skeleton-title{height:24px;width:40%;margin-bottom:15px}.skeleton-text{height:16px;width:85%;margin-bottom:10px}.skeleton-text-short{height:16px;width:50%;margin-bottom:20px}.skeleton-meta{height:35px;width:100%;border-radius:6px}