.products-hero{background:linear-gradient(90deg,#e0e7ff,#f8fafc,#e0f2fe);color:white;padding-top:4rem;padding-bottom:4rem;text-align:center}.title-container{max-width:1200px;margin:0 auto;padding-left:1rem;padding-right:1rem}.title-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1e293b}.title-description{font-size:1.125rem;margin-bottom:2rem;max-width:42rem;margin-left:auto;margin-right:auto;opacity:.9;color:#475569}.product-container{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:5%;margin-left:5%}.product-grid{border:2px solid black}.product-image{width:20vw;height:30vh}.product-section{padding-top:3rem;padding-bottom:3rem}.products-container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.custom-container{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;align-items:center}@media (min-width:768px){.custom-container{flex-direction:row}}.search-sort-bar{display:flex;flex-direction:column;gap:1rem;width:100%}@media (min-width:768px){.search-sort-bar{flex-direction:row;width:auto}}.input-wrapper{position:relative;width:100%}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;outline:none}@media (min-width:768px){.search-input{width:11rem}}.sort-select{width:100%;padding:.5rem .75rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;background-color:#fff;appearance:none;outline:none}@media (min-width:768px){.sort-select{width:12rem}}.category-container{width:100%}.category-chip-group{display:flex;gap:.5rem;justify-content:center}@media (min-width:768px){.category-chip-group{justify-content:flex-end}}.category-chip{padding:.4rem .8rem;border-radius:20px;border:1px solid #ccc;background-color:#f0f0f0;color:#333;font-size:.875rem;text-transform:capitalize;cursor:pointer;transition:all .3s ease}.category-chip:hover{background-color:#e0e0e0}.category-chip.selected{background-color:#3b82f6;color:white;border-color:#3b82f6}.product-gridd{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width:640px){.product-gridd{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.product-gridd{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.product-gridd{grid-template-columns:repeat(4,1fr)}}.product-card{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #e0e0e0;border-radius:8px;height:100%;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:box-shadow .2s ease-in-out;background-color:#fff}.product-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.card-body{padding:1rem}.image-wrapper{position:relative;padding-top:100%;margin-bottom:1rem}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.product-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.product-category{font-size:.75rem;padding:.25rem .5rem;background-color:#f0f0f0;border-radius:4px;text-transform:capitalize}.product-title{font-weight:600;font-size:1.125rem;margin-bottom:.5rem;display:-webkit-box;overflow:hidden}.product-price{color:#0070f3;font-weight:700;font-size:1.125rem}.card-footer{padding:0 1rem 1rem}.view-button{display:block;width:91%;text-align:center;padding:.75rem;background-color:#3877ca;color:white;border:none;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .2s ease-in-out}.view-button:hover{background-color:#005ac1}.pagination-wrapper{display:flex;justify-content:center;margin-top:3rem}