:root{--PrimaryColor:#007BC9;--AccentColor:#FFE000;--LightGray:#f5f5f5;--BorderColor:#ddd;--TextDark:#333;--FontPrimary:"Poppins",sans-serif}.page-num.disabled{opacity:.4;cursor:not-allowed!important;pointer-events:none!important;border-color:#ccc!important}.page-num.disabled,.page-num.disabled:hover{background-color:#e0e0e0!important;color:#888!important}.active-category{background-color:#E6F2FF;border-left:4px solid #007bc9;color:#007BC9!important}.active-category img{filter:drop-shadow(0 0 3px #007BC9)}.productOuterMain{width:100%;background-color:var(--LightGray);display:flex;justify-content:center;padding-top:110px;padding-bottom:20px}.productInnerMain{display:flex;gap:20px;width:90%;max-width:1300px;height:auto;position:relative}.categoryContainer{flex:0 0 22%;background:#fff;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:15px;height:fit-content;max-height:100%;position:sticky;top:110px;overflow-y:auto}.specCategCont{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;transition:all .3s ease;cursor:pointer}.specCategCont:hover{background-color:var(--PrimaryColor);color:#fff}.specCategCont img{width:45px;height:45px;border-radius:8px;object-fit:cover}.categName{font-family:var(--FontPrimary);font-size:15px;font-weight:500}.subCatContainerMain{flex:1;display:flex;flex-direction:column;background-color:#fff;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:20px}.categoryNameCont{font-family:var(--FontPrimary);font-size:22px;font-weight:700;color:var(--PrimaryColor);margin-bottom:10px;margin-top:5px}.subCategoryCont{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.specificSubCategory{position:relative;border:1px solid var(--BorderColor);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,box-shadow .2s ease;background:#fff;cursor:pointer}.specificSubCategory:hover{transform:scale(1.03);box-shadow:0 4px 10px rgba(0,0,0,.15)}.subCategoryImgCont img{width:100%;height:150px;object-fit:contain}.subCategoryName{font-size:15px;font-weight:600;color:var(--TextDark);text-align:center;margin-top:8px}.quantity{font-size:13px;color:#777}.productPrice{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px}.preDisPrice{color:#888;font-size:13px;text-decoration:line-through}.finalPrice{color:var(--PrimaryColor);font-weight:700;font-size:16px}.productBtnCont{width:100%;display:flex;justify-content:center;align-items:center}.prodAddBtn{background-color:var(--AccentColor);color:#000;border:none;font-size:14px;font-weight:600;border-radius:6px;padding:6px 12px;cursor:pointer;margin-top:8px;transition:.3s ease;width:100%}.disTag,.prodAddBtn:hover{background-color:var(--PrimaryColor);color:#fff}.disTag{position:absolute;top:8px;left:8px;font-size:11px;font-weight:700;border-radius:5px;padding:3px 5px}.pagination-container{display:flex;flex-direction:column;align-items:center;margin-top:25px;gap:10px}.pagination{display:flex;gap:8px;list-style:none;padding:0}.page-num{border:1px solid var(--PrimaryColor);padding:6px 10px;border-radius:6px;color:var(--PrimaryColor);font-weight:500;cursor:pointer}.page-num:hover{color:#fff}.active,.page-num:hover{background-color:var(--PrimaryColor)}.active{color:#fff!important}@media (max-width:480px){.productOuterMain{padding:10px!important;margin:0}.productInnerMain{width:100%;flex-direction:column!important;gap:10px}.categoryContainer{max-height:70px;height:70px;display:flex;flex:unset;overflow-x:auto;overflow-y:hidden;white-space:nowrap;gap:12px;padding:10px;background:#fff;z-index:1000;top:125px}.categoryContainerScrollView{top:69px!important}.categoryContainer::-webkit-scrollbar{display:none}.specCategCont{display:inline-flex;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid #ececec;background:#fff;min-width:max-content;height:50px}.specCategCont img{width:32px;height:32px;border-radius:8px;object-fit:cover}.categName{font-size:13px;font-weight:500;white-space:nowrap}.subCatContainerMain{padding:8px}.subCategoryCont{grid-template-columns:repeat(2,1fr)!important;gap:12px}.subCategoryImgCont img{height:110px!important}.pagination-container{padding:10px;margin-top:10px}}@media (min-width:481px) and (max-width:1024px){.productOuterMain{padding-top:85px!important}.productInnerMain{width:94%;gap:12px}.categoryContainer{flex:0 0 26%;padding:12px;top:85px}.specCategCont{padding:12px 10px;border-bottom:1px solid #eee;border-radius:0;background:transparent;gap:10px;transition:.25s ease}.specCategCont:hover{background:#f0f8ff;color:var(--PrimaryColor)}.specCategCont img{width:32px;height:32px}.categName{font-size:13px}.subCatContainerMain{padding:12px}.categoryNameCont{font-size:18px;margin-top:5px;margin-bottom:10px}.subCategoryCont{grid-template-columns:repeat(3,1fr)!important;gap:14px}.specificSubCategory{padding:8px}.subCategoryImgCont img{height:110px!important}.subCategoryName{font-size:13px;margin-top:6px}.quantity{font-size:12px}.finalPrice{font-size:14px}.preDisPrice{font-size:11px}.prodAddBtn{font-size:12px;padding:5px 10px;margin-top:6px}.pagination-container{margin-top:10px;padding:8px 0}.pagination-container p{font-size:13px;color:#555}.pagination{display:flex;gap:6px;justify-content:center;align-items:center}.page-num{font-size:13px;padding:6px 10px;border-radius:6px;border:1px solid var(--PrimaryColor);color:var(--PrimaryColor);background:#fff;transition:.25s ease;min-width:32px;text-align:center}.page-num:hover{background:#f0f8ff;color:var(--PrimaryColor)}.active{background:var(--PrimaryColor)!important;color:#fff!important;border-color:var(--PrimaryColor)!important}.page-num[rel=next],.page-num[rel=prev]{font-weight:700}.categoryContainer{max-height:calc(100vh - 90px);overflow-y:auto}.categoryContainer::-webkit-scrollbar{width:5px}.categoryContainer::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:10px}}@media (min-width:1025px){.specCategCont{padding:14px 10px;border-bottom:1px solid #eee;border-radius:0;background:transparent;transition:.25s ease}.specCategCont:hover{background:#f0f8ff;color:var(--PrimaryColor)}.pagination-container p{padding-bottom:10px}.categoryContainer{max-height:calc(100vh - 120px);overflow-y:auto}.categoryContainer::-webkit-scrollbar{width:6px}.categoryContainer::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:10px}}