.product-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:1200px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.product-grid{grid-template-columns:1fr}}.product-card{background:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.img-box{background:#f8fdfb;justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}.product-img-top{object-fit:contain;max-width:100%;max-height:100%}.product-card .p-3{flex-direction:column;flex-grow:1;gap:8px;display:flex}.product-card h5{font-size:16px;font-weight:600}.product-card p{min-height:50px;font-size:13px}.product-card button{margin-top:auto}.pagination-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:25px;display:flex}.page-size{align-items:center;gap:8px;display:flex}.page-size select{border:1px solid #ddd;border-radius:6px;padding:6px 10px}.pagination{align-items:center;gap:10px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#198754;border:none;border-radius:6px;padding:6px 12px}.pagination button:disabled{cursor:not-allowed;background:#ccc}.custom-modal{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:12px;width:90%;max-width:900px;padding:25px;animation:.3s fadeIn;position:relative}.close{cursor:pointer;font-size:22px;position:absolute;top:10px;right:15px}.img-wrapper img{object-fit:contain;width:100%;height:280px}.quote-modal-overlay{z-index:10000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.quote-modal-box{background:#fff;border-radius:14px;width:350px;max-width:90%;padding:25px;animation:.3s zoomIn;position:relative}.quote-modal-box input{border:1px solid #ddd;border-radius:8px;width:100%;padding:10px}.quote-modal-box input:focus{border-color:#198754;box-shadow:0 0 0 2px #19875426}.product-info{flex-direction:column;gap:6px;margin-top:6px;display:flex}.product-info b{color:#333;margin-right:4px}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spec-box{background:#f8fdfb;border:1px solid #eee;border-radius:10px;padding:12px}.spec-grid{grid-template-columns:1fr;gap:6px;display:grid}.spec-item{justify-content:space-between;font-size:13px;display:flex}#react-hot-toast,.react-hot-toast{z-index:9999999!important}.custom-modal{z-index:9999}.quote-modal-overlay{z-index:10000}@media (max-width:1200px){.modal-box{max-width:850px}}@media (max-width:992px){.container-fluid{padding-left:20px!important;padding-right:20px!important}.product-grid{grid-template-columns:repeat(2,1fr);gap:18px}.modal-box{width:95%;max-width:700px;padding:20px}.img-wrapper img,.modal-box img{object-fit:contain;height:240px}.spec-item{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:768px){.container-fluid{padding-left:15px!important;padding-right:15px!important}.display-4{font-size:32px!important}.form-control{width:100%!important;max-width:100%!important}.product-grid{grid-template-columns:1fr;gap:16px}.product-card{border-radius:14px}.img-box{height:220px}.product-img-top{max-width:90%;max-height:90%}.product-card h5{font-size:15px}.product-card p{min-height:auto;font-size:13px}.pagination-card{text-align:center;flex-direction:column;align-items:center}.pagination{flex-wrap:wrap;justify-content:center}.custom-modal{align-items:flex-end;padding:10px}.modal-box{border-radius:20px 20px 0 0;width:100%;max-width:100%;height:90vh;padding:18px;animation:.3s slideUp;overflow-y:auto}.modal-box .row{flex-direction:column}.modal-box img{object-fit:contain;width:100%;margin-bottom:15px;height:220px!important}.modal-box h3{margin-top:10px;font-size:22px}.spec-box{padding:12px}.spec-item{border-bottom:1px solid #eee;flex-direction:column;align-items:flex-start;gap:3px;padding-bottom:8px}.spec-key{font-weight:600}.spec-value{color:#666;word-break:break-word}.modal-box .d-flex{flex-direction:column}.modal-box .btn{width:100%!important}.close{z-index:99;font-size:28px;top:12px;right:15px}.quote-modal-box{border-radius:16px;width:100%;max-width:100%;margin:15px;padding:20px}.quote-modal-box input{margin-bottom:10px;padding:12px;font-size:14px}.quote-modal-box button{width:100%}}@media (max-width:480px){.display-4{font-size:26px!important}.modal-box{padding:15px}.modal-box h3{font-size:20px}.img-box{height:180px}.modal-box img{height:180px!important}.pagination button{padding:5px 10px;font-size:13px}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.page-size{display:none}}