.main-content{width:100%;max-width:1000px;margin:0 auto;padding:40px 20px;flex:1}.mobile-header-top{display:none}h1{font-size:2.5rem;font-weight:700;text-align:left;margin-bottom:20px;color:#000}.intro-section{text-align:left;margin-bottom:40px;line-height:1.6}.intro-section p{color:#555;font-size:1rem;max-width:100%;margin:0 0 10px 0}.green-text{color:#24861C;font-weight:700;margin-bottom:10px;display:block}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:20px 0}.card-link{text-decoration:none;color:inherit;display:block;transition:transform 0.3s ease}.card-link:hover{transform:translateY(-5px)}.category-card{background-color:#FC9319;border-radius:20px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.1);display:flex;flex-direction:column;height:100%}.card-image{height:200px;width:100%;background-color:#fff}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-content{background-color:#FC9319;padding:20px;color:white;flex-grow:1;position:relative;min-height:140px}.card-content h3{font-size:1.4rem;margin-bottom:10px;font-weight:600;color:white;text-transform:capitalize}.card-content p{font-size:0.85rem;line-height:1.4;color:rgba(255,255,255,0.9);padding-right:15px;font-weight:300}.arrow-icon{position:absolute;bottom:15px;right:15px;font-size:1.2rem;font-weight:bold}@media(max-width:1024px){.mobile-header-top{display:flex;align-items:center;justify-content:center;position:relative;padding:20px;background-color:#F3E9DD}.mobile-header-top .back-btn{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#000;display:flex}.mobile-header-top h2{font-size:1.5rem;font-weight:600;margin:0;color:#333}.desktop-title{display:none}.main-content{padding:10px 20px 80px 20px}.intro-section{margin-bottom:20px;text-align:left}.intro-section p{font-size:0.9rem;line-height:1.4}.categories-grid{grid-template-columns:1fr 1fr;gap:15px}.category-card{border-radius:15px}.card-image{height:110px}.card-content{padding:10px 12px;min-height:auto}.card-content h3{font-size:1rem;margin-bottom:5px}.card-content p{font-size:0.7rem;padding-right:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.arrow-icon{display:none}.outro-section{text-align:center;margin-top:20px}.outro-section h3{font-size:1.1rem}.outro-section p{font-size:0.8rem}}