m1ntzzcs/htmlcssandjs

1body {2	padding: 2rem;3	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;4}5 6h1 {7	font-size: 16px;8	margin-top: 0;9}10 11p {12	color: rgb(107, 114, 128);13	font-size: 15px;14	margin-bottom: 10px;15	margin-top: 5px;16}17 18.card {19	max-width: 620px;20	margin: 0 auto;21	padding: 16px;22	border: 1px solid lightgray;23	border-radius: 16px;24}25 26.card p:last-child {27	margin-bottom: 0;28}29 30.product-card:hover {31    transform: translateY(-5px);32    box-shadow: 0 10px 20px rgba(0,0,0,0.1);33}34        35.cart-sidebar {36    transition: all 0.3s ease;37    display: none;38}39        40.cart-open {41	display: block;42}43    44.cart-item-remove:hover {45    color: #ef4444;46}47        48.filter-section {49    transition: all 0.3s ease;50    max-height: 0;51    overflow: hidden;52}53        54.filter-section.expanded {55    max-height: 500px;56}57        58.price-slider::-webkit-slider-thumb {59    -webkit-appearance: none;60    appearance: none;61    width: 20px;62    height: 20px;63    border-radius: 50%;64    background: #3b82f6;65    cursor: pointer;66}67        68.price-slider::-moz-range-thumb {69    width: 20px;70    height: 20px;71    border-radius: 50%;72    background: #3b82f6;73    cursor: pointer;74}