.category-page-container,.product-details-container,.product-listing-page-container{max-width:1200px;margin:2rem auto;padding:2.5rem;background-color:var(--white);border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.08);font-family:Inter,sans-serif;color:var(--text-color);display:flex;flex-direction:column;gap:2rem;border:1px solid var(--light-gray);line-height:1.7}.category-page-container.error-state,.category-page-container.loading-state,.category-page-container.no-data-state,.no-products-message-container,.product-details-container.error-state,.product-details-container.loading-state,.product-details-container.no-product-state,.product-listing-page-container.error-state,.product-listing-page-container.loading-state,.product-listing-page-container.no-data-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.spinner{border-bottom:4px solid;border-color:rgba(var(--primary-color-rgb),.2);border-left:4px solid var(--primary-color);border-top:4px solid var(--primary-color);border-right:4px solid rgba(var(--primary-color-rgb),.2);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message,.loading-text,.no-data-message,.no-products-message{font-size:1.1em;color:var(--dark-gray)}.error-heading,.no-data-heading,.no-product-heading{color:var(--error-red);font-size:1.8em;margin-bottom:.5rem}.page-title{font-size:2.5em;color:var(--primary-color);text-align:center;margin-bottom:2rem;font-weight:700;letter-spacing:-.8px;text-shadow:1px 1px 2px rgba(0,0,0,.05);line-height:1.2}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.category-card{background-color:var(--background-light);border:1px solid var(--light-gray);border-radius:10px;padding:1.5rem;text-align:center;text-decoration:none;color:var(--text-color);transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:150px}.category-card:hover{background-color:var(--primary-color-light);border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1);color:var(--primary-color-dark)}.category-card-title{font-size:1.8em;font-weight:600;margin-bottom:.5rem;color:inherit}.subcategory-description{font-size:1.1em;color:var(--dark-gray);text-align:center;margin-bottom:2.5rem;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto;padding:1rem 1.5rem;background-color:var(--background-light);border-left:5px solid var(--primary-color);border-radius:8px;box-shadow:inset 0 0 5px rgba(0,0,0,.05)}.product-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:1.5rem}.product-card{background-color:var(--white);border:1px solid var(--light-gray);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--text-color);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 10px rgba(0,0,0,.05);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.product-card-image-wrapper{position:relative;width:100%;height:200px;background-color:var(--background-light);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--light-gray-border)}.product-card-image{object-fit:contain;width:100%;height:100%}.product-card-image-placeholder{font-style:italic;color:var(--dark-gray);font-size:1em;text-align:center}.product-card-title{font-size:1.5em;font-weight:600;color:var(--primary-color);margin:1rem 1.2rem .5rem}.product-card-cat-no,.product-card-chemical-name{font-size:.95em;color:var(--dark-gray);margin:.2rem 1.2rem}.product-card-stock{font-size:1em;font-weight:700;margin:.8rem 1.2rem 1.2rem;padding-top:.5rem;border-top:1px dashed var(--light-gray-border)}.product-card-stock.instock{color:var(--accent-green)}.product-card-stock.out-of-stock{color:var(--error-red)}.product-header-section{text-align:center;margin-bottom:1.5rem}.product-name{font-size:2.8em;color:var(--accent-green);margin-bottom:.5rem;font-weight:700;line-height:1.2;letter-spacing:-.8px;text-shadow:1px 1px 2px rgba(0,0,0,.05)}.product-cat-number{font-size:1.1em;color:var(--dark-gray);margin-top:0}.product-image-section{width:100%;max-width:600px;height:400px;position:relative;margin-bottom:30px;background-color:#eeeeee;overflow:hidden;border:1px solid #d0d0d0;display:flex;align-items:center;justify-content:center}.product-main-image{max-width:100%;height:auto;box-shadow:0 4px 10px rgba(0,0,0,.05);object-fit:contain}.no-image-placeholder{font-style:italic;color:#888888;font-size:1.2em;text-align:center;padding:20px}.product-info-grid{width:100%;display:grid;grid-template-columns:1fr;gap:1rem;background-color:var(--background-light);padding:1.5rem;border-radius:8px;border:1px solid var(--light-gray);font-size:1.1em;color:var(--dark-gray)}@media (min-width:768px){.product-info-grid{grid-template-columns:repeat(2,1fr)}}.product-info-item{display:flex;flex-direction:column;padding:.8rem 0;border-bottom:1px dashed var(--light-gray-border)}.product-info-grid .product-info-item:last-child,.product-info-grid .product-info-item:nth-last-child(2){border-bottom:none}@media (min-width:768px){.product-info-grid .product-info-item:last-child{border-bottom:none}}.info-label{font-weight:600;color:var(--primary-color);font-size:.95em;margin-bottom:.3em;text-transform:uppercase;letter-spacing:.05em}.info-value{color:var(--text-color);font-size:1.05em;word-break:break-word}.info-value-link{color:var(--accent-blue);font-size:1.05em;text-decoration:none;transition:color .2s ease-in-out}.info-value-link:hover{color:var(--primary-color-dark);text-decoration:underline}.stock-instock{color:var(--accent-green);font-weight:700}.stock-out-of-stock{color:var(--error-red);font-weight:700}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--light-gray)}.pagination-button{padding:10px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:8px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.1)}.pagination-button:hover:not(:disabled){background-color:var(--primary-color-dark);transform:translateY(-2px)}.pagination-button:disabled{background-color:var(--light-gray);cursor:not-allowed;opacity:.8;transform:translateY(0);box-shadow:none}.pagination-info{font-size:1.1em;font-weight:500;color:var(--text-color)}.back-button-container{text-align:center;margin-top:2rem}.back-button{padding:12px 25px;background-color:var(--secondary-button-bg);color:var(--secondary-button-text);border:none;border-radius:8px;font-size:1em;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 10px rgba(0,0,0,.05);font-weight:500}.back-button:hover{background-color:var(--secondary-button-hover-bg);transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.1)}.back-button:active{background-color:#315e82;transform:translateY(0);box-shadow:0 2px 5px rgba(83,144,201,.3)}.back-button:disabled{opacity:.7;cursor:not-allowed;transform:translateY(0);box-shadow:none}@media (max-width:768px){.category-page-container,.product-details-container,.product-listing-page-container{padding:1.5rem;margin:1rem auto}.page-title{font-size:2em}.category-grid,.product-cards-grid{grid-template-columns:1fr}.category-card-title{font-size:1.5em}.product-card-title{font-size:1.2em}.product-card-cat-no,.product-card-chemical-name,.product-card-stock{font-size:.85em}.product-name{font-size:2.2em;margin-bottom:1.5rem}.product-image-section{height:300px;margin-bottom:1.5rem}.product-info-grid{font-size:1em;padding:1rem .5rem;margin-bottom:1.5rem}.info-label{min-width:120px}.info-value,.info-value-link,.product-cat-number{font-size:1em}}@media (max-width:480px){.category-page-container,.product-details-container,.product-listing-page-container{padding:1.25rem .75rem}.page-title,.product-name{font-size:1.8em}.product-name{margin-bottom:1.25rem}.product-image-section{height:250px;margin-bottom:1.25rem}.product-info-grid{font-size:.95em;padding:0;margin-bottom:1.25rem}.info-label{min-width:100px}.product-info-item{flex-direction:column;align-items:flex-start;margin-bottom:.625rem}.info-label{margin-bottom:.25rem;min-width:auto}.back-button{padding:10px 20px;font-size:.95em;width:100%}}@media (max-width:320px){.category-page-container,.product-details-container,.product-listing-page-container{padding:1rem .5rem}.page-title,.product-name{font-size:1.6em}.product-name{margin-bottom:1rem}.product-image-section{height:200px;margin-bottom:1rem}.product-info-grid{font-size:.9em;margin-bottom:1.25rem}.info-label{font-size:.95em}.back-button{padding:9px 15px;font-size:.9em}}