*,body{margin:0}.category,.product{border-radius:7px}.product,.sidebar h2,.text-product{text-align:center}*{padding:0;box-sizing:border-box}body{font-family:sans-serif}.sidebar{width:350px;background-color:#fff;position:fixed;height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar h2{position: relative;margin-bottom:30px;padding: 20px;font-size:24px;color:#333;font-weight: 600;}.category{display:flex;align-items:center;padding:10px;margin:10px 20px;cursor:pointer;transition:background .5s;border-left:3px solid transparent;transition: 0.5s all;}.category.active,.category:hover{background-color:#e8f5e9;border-left:3px solid #2e7d32;transition: 0.5s all;}.category img{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:10px}.category span{font-size:16px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.main-content{margin-left:350px;padding:40px}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.product{background:#fff;padding:20px;border:1px solid #e8f5e9}.product img{width:100%;height:200px;object-fit:cover;border-radius:10px}.product-name{margin-top:20px;font-size:1em;color:#333;font-weight:500}.text-only-category{font-size:.95em;color:#333;margin-left:15px;font-weight:700;text-transform:capitalize}.text-product{background-color:#fff;padding:15px;border-radius:7px;border:1px solid #e8f5e9;display:flex;align-items:center;justify-content:center;min-height:80px;transition:background-color .5s}.text-product:hover{background-color:#e8f5e9}.text-product-name{font-size:1em;font-weight:500;color:#444;word-break:break-word}.sidebar .category span{font-weight:500;}
	.sidebar h2::after{content:'';position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:100%;height:3px;background:linear-gradient(to right,#2e7d32,#66bb6a);}
@media (max-width:768px){.sidebar{width:250px}.main-content{margin-left:250px}.products{grid-template-columns:1fr;}.product img{height:auto}.category img{width:40px;height:40px}.text-product{min-height:70px;}.main-content{padding: 30px;}}
@media (max-width:480px){.sidebar{width:150px;}.sidebar h2{font-size:18px;}.category{flex-direction:column;align-items:center;margin:15px;padding:10px;gap:10px;}.category img{width:50px;height:50px;margin-right:0;}.category span{font-size:15px;line-height:1.2;text-align:center}.main-content{margin-left:150px;padding:20px;}.products{grid-template-columns:repeat(1,1fr);gap:10px}.product{padding:15px;border:1px solid #e8f5e9}.product img{width:100%;object-fit:fill;border-radius:7px}.product-name{font-size:14px;color:#000;margin-top:10px;line-height:1.2}.price-container{font-size:.8em;margin-top:5px}}