.hero-banner{background-color:#f4f7fa;padding:80px 0;text-align:center;border-bottom:2px solid #e0e0e0;}.hero-banner .container{max-width:1200px;margin:0 auto;padding:0 20px;}.hero-banner h1{font-size:2.5rem;color:#333;margin-bottom:20px;font-weight:700;}.hero-banner p{font-size:1.1rem;color:#555;margin-bottom:30px;}.hero-banner .search-container{display:flex;justify-content:center;align-items:center;max-width:100%;width:500px;margin:0 auto;border:none;border-radius:25px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:box-shadow 0.3s ease;}.hero-banner .search-container:hover{box-shadow:0 4px 8px rgba(0,0,0,0.2);}.hero-banner input[type="text"]{padding:12px 15px;font-size:1.1rem;border:none;width:100%;box-sizing:border-box;border-radius:25px 0 0 25px;background-color:#fff!important;color:#333;transition:background-color 0.3s ease,box-shadow 0.3s ease;}.hero-banner input[type="text"]:hover{background-color:#ffffff;}.hero-banner input[type="text"]:focus{background-color:#ffffff;box-shadow:0 0 0 2px rgba(0,119,204,0.3);outline:none;}.hero-banner input[type="text"]::placeholder{color:#777;transition:color 0.3s ease;}.hero-banner input[type="text"]:focus::placeholder{color:transparent;}.hero-banner button{padding:12px 20px;background-color:#0077cc;color:white;border:none;border-radius:0 25px 25px 0 !important;cursor:pointer;font-size:1rem;transition:background-color 0.3s ease,transform 0.3s ease;}.hero-banner button:hover{background-color:#005fa3;transform:translateY(-1px);}.hero-banner button:active{background-color:#004080;transform:translateY(0);}.hero-banner .search-container input[type="text"]{padding-left:40px;position:relative;}.hero-banner .search-container input[type="text"]::before{content:'\f002';font-family:'FontAwesome';position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#0077cc;}.hero-banner input[type="text"]:hover::before{color:#005fa3;}.category-section{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:60px 20px;justify-items:center;background-color:#fff;max-width:1200px;margin:0 auto;}.category-item{background-color:#fff;box-shadow:0 8px 20px rgba(0,0,0,0.05);border-radius:12px;overflow:hidden;text-align:center;padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:410px;transition:transform 0.3s ease,box-shadow 0.3s ease;}.category-item:hover{transform:translateY(-10px);box-shadow:0 12px 30px rgba(0,0,0,0.1);}.category-item.popular{background:linear-gradient(135deg,rgba(0,119,204,0.1),rgba(0,119,204,0.3));box-shadow:0 8px 20px rgba(0,119,204,0.2);transform:scale(1.05);}.category-item.popular:hover{transform:translateY(-10px);box-shadow:0 12px 30px rgba(0,0,0,0.1);}.category-item i{font-size:70px;color:#0077cc;margin-top:20px;}.category-item h2{font-size:1.4rem;color:#333;margin:20px 0;font-weight:600;line-height:1.3;}.category-item p{font-size:1rem;color:#666;margin-bottom:20px;line-height:1.4;height:80px;overflow:hidden;}.explore-btn{display:inline-block;padding:12px 25px;background-color:#0077cc;color:white;text-decoration:none;border-radius:6px;font-weight:600;transition:background-color 0.3s ease;margin-top:15px;margin-bottom:20px;}.explore-btn:hover{background-color:#005fa3;transform:translateY(-2px);}.subcategory-list{display:none;padding-left:20px;margin-top:10px;transition:height 0.3s ease-out,opacity 0.3s ease;height:0;opacity:0;}.subcategory-list.show{display:block;opacity:1;height:auto;}.subcategory-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.05);padding:15px;margin-bottom:10px;text-align:center;font-size:1rem;color:#333;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;}.subcategory-item:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.1);}.subcategory-item i{font-size:40px;color:#0077cc;margin-bottom:10px;}.subcategory-item h3{font-size:1.2rem;margin-bottom:10px;}.subcategory-item p{font-size:0.9rem;color:#777;}@media (max-width:1024px){.category-section{grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){.hero-banner{padding:20px 10px;border-bottom:none;}.hero-banner h1{font-size:1.4rem;margin-bottom:10px;}.hero-banner p{font-size:0.9rem;margin-bottom:15px;}.hero-banner .search-container{display:flex;justify-content:center;align-items:center;}.hero-banner input[type="text"]{padding:10px;font-size:0.9rem;}.hero-banner button{padding:4px 15px;font-size:0.9rem;}.category-section{display:flex;flex-direction:column;gap:15px;padding:10px;}.category-item{height:auto;padding:15px;box-shadow:0 4px 10px rgba(0,0,0,0.05);border-radius:10px;}.category-item i{font-size:50px;margin-bottom:10px;}.category-item h2{font-size:1rem;margin:10px 0;}.category-item p{font-size:0.85rem;margin-bottom:10px;}.explore-btn{padding:8px 15px;font-size:0.85rem;}}.extra-categories{display:none;grid-template-columns:repeat(3,1fr);gap:40px;padding:60px 20px;justify-items:center;background-color:#fff;max-width:1200px;margin:0 auto;}.see-more-wrapper{text-align:center;margin-top:40px;margin-bottom:40px;}.category-item:hover{transform:scale(1.05);box-shadow:0 12px 30px rgba(0,0,0,0.15);transition:all 0.3s ease-in-out;}.see-more-btn{display:inline-block;padding:14px 32px;background-color:#0077cc;color:white;font-size:16px;border-radius:5px;text-decoration:none;cursor:pointer;transition:all 0.3s ease;}.see-more-btn:hover{background-color:#005fa3;transform:scale(1.05);box-shadow:0 6px 15px rgba(0,0,0,0.1);}.extra-categories.show{display:grid;animation:fadeIn 0.5s ease-in-out;}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}