*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.App{min-height:100vh;display:flex;flex-direction:column}.header-hdr{background:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;left:0;width:100%;z-index:1100;transition:all .3s ease}.header-hdr.scrolled-hdr{box-shadow:0 4px 20px #00000026}.container-hdr{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.header-content-hdr{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;position:relative;min-height:70px;gap:1.5rem;width:100%}.logo-hdr{flex-shrink:0;z-index:1101}.logo-image-hdr{height:80px;width:auto;object-fit:contain;max-height:80px}.header-nav-main{display:flex;align-items:center;flex:1;gap:1.5rem;justify-content:flex-start;min-width:0}.categories-button-container-hdr{position:relative;display:flex;flex-shrink:0}.categories-button-header{display:flex;align-items:center;gap:8px;background:linear-gradient(145deg,#4895cf,#15508b);color:#fff;border:none;border-radius:25px;padding:10px 16px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.95rem;white-space:nowrap;height:44px;box-shadow:0 2px 8px #4895cf4d;position:relative}.categories-button-header:hover{background:#2c5f8e;transform:translateY(-2px);box-shadow:0 4px 12px #4895cf66}.categories-button-header.active{background:#15508b;transform:translateY(0);box-shadow:0 2px 6px #4895cf66}.categories-icon-header{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none}.categories-button-text{margin-left:4px}.categories-button-arrow{font-size:.8rem;margin-left:4px;transition:transform .3s ease}.categories-button-header.active .categories-button-arrow{transform:rotate(180deg)}.desktop-nav-hdr{display:flex;align-items:center;margin-left:1rem;flex:1;min-width:0}.nav-list-hdr{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-link-hdr{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease;padding:.5rem 0;position:relative;font-size:.95rem;white-space:nowrap}.nav-link-hdr:hover{color:#007bff}.header-actions-hdr{display:flex;align-items:center;gap:1rem;flex-shrink:0;justify-content:flex-end}.search-bar-hdr{display:flex;align-items:center;background:#f8f9fa;border-radius:25px;padding:.5rem;min-width:250px;max-width:350px;height:44px;border:1px solid #e9ecef;transition:border-color .3s ease;flex-shrink:1}.search-bar-hdr:focus-within{border-color:#007bff}.search-input-hdr{border:none;background:transparent;padding:.5rem 1rem;flex:1;outline:none;font-size:.9rem;height:100%;color:#333;min-width:0}.search-input-hdr::placeholder{color:#6c757d}.search-btn-hdr{background:#2c5f8e;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;flex-shrink:0;padding:0}.search-btn-hdr:hover{background:#4895cf}.search-icon-hdr{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none}.header-icons-hdr{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.icon-btn-hdr{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0}.icon-btn-hdr:hover{background:#f8f9fa}.cart-icon-hdr,.user-icon-hdr{width:22px;height:22px;stroke:#333;stroke-width:1.5;fill:none;transition:stroke .3s ease}.icon-btn-hdr:hover .cart-icon-hdr,.icon-btn-hdr:hover .user-icon-hdr{stroke:#007bff}.cart-count-hdr{position:absolute;top:2px;right:2px;background:#dc3545;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid white}.login-button-hdr{background:#007bff;color:#fff;border:none;border-radius:20px;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;height:40px;white-space:nowrap;flex-shrink:0}.login-button-hdr:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007bff33}.login-icon-hdr{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none}.user-menu-hdr{position:relative}.user-dropdown-hdr{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:220px;padding:.5rem 0;margin-top:.5rem;z-index:1200;border:1px solid #e9ecef;visibility:visible;opacity:1}.user-info-hdr{padding:.75rem 1rem;border-bottom:1px solid #e9ecef}.user-info-hdr strong{display:block;margin-bottom:.25rem;font-size:.9rem;color:#333}.user-info-hdr span{font-size:.8rem;color:#6c757d}.dropdown-item-hdr{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;color:#333;transition:all .3s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.9rem;border-radius:4px;margin:.125rem 0}.dropdown-item-hdr:hover{background:#f8f9fa}.dropdown-icon-hdr{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0}.dropdown-divider-hdr{height:1px;background:#e9ecef;margin:.5rem 0}.logout-btn-hdr{color:#dc3545}.logout-btn-hdr:hover{background:#fdf2f2}.menu-toggle-hdr{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:4px;z-index:1101;width:44px;height:44px;justify-content:center}.menu-toggle-hdr span{width:25px;height:3px;background:#333;transition:all .3s ease;transform-origin:center}.menu-toggle-hdr.active-hdr span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle-hdr.active-hdr span:nth-child(2){opacity:0}.menu-toggle-hdr.active-hdr span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-hdr{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:1099;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-hdr.active-hdr{opacity:1;visibility:visible}.mobile-menu-content-hdr{position:absolute;top:0;right:0;width:90%;max-width:400px;height:100vh;background:#fff;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto;z-index:1100}.mobile-menu-hdr.active-hdr .mobile-menu-content-hdr{transform:translate(0)}.mobile-menu-header-hdr{padding:1rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;min-height:70px}.mobile-logo-image-hdr{height:35px;width:auto;max-height:35px}.mobile-nav-hdr{flex:1;padding:1rem}.mobile-nav-list-hdr{list-style:none;margin-bottom:2rem}.mobile-nav-link-hdr{display:flex;align-items:center;gap:1rem;padding:1rem 0;text-decoration:none;color:#333;border-bottom:1px solid #f8f9fa;font-weight:500;font-size:1rem;transition:color .3s ease}.mobile-nav-link-hdr:hover{color:#007bff}.nav-icon-hdr{width:24px;height:24px;stroke:#333;stroke-width:1.5;fill:none;flex-shrink:0}.mobile-nav-link-hdr:hover .nav-icon-hdr{stroke:#007bff}.mobile-categories-button-hdr{display:flex;align-items:center;gap:1rem;padding:1rem 0;text-decoration:none;color:#333;border-bottom:1px solid #f8f9fa;font-weight:500;font-size:1rem;transition:color .3s ease;background:none;border:none;width:100%;text-align:left;cursor:pointer}.mobile-categories-button-hdr:hover{color:#007bff}.mobile-user-section-hdr{background:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1rem}.user-info-mobile-hdr{margin-bottom:1rem}.user-greeting-hdr{display:block;font-weight:700;margin-bottom:.25rem;font-size:.95rem;color:#333}.user-email-hdr{font-size:.8rem;color:#6c757d}.mobile-user-links-hdr{display:flex;flex-direction:column;gap:.5rem}.mobile-user-link-hdr,.mobile-logout-btn-hdr{display:flex;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;color:#333;background:none;border:none;text-align:left;cursor:pointer;border-radius:4px;transition:all .3s ease;font-size:.9rem}.mobile-user-link-hdr:hover,.mobile-logout-btn-hdr:hover{background:#e9ecef}.mobile-logout-btn-hdr{color:#dc3545}.mobile-logout-btn-hdr:hover{background:#fdf2f2}.link-icon-hdr{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0}.mobile-login-section-hdr{padding:1rem 0}.mobile-login-btn-hdr{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#007bff;color:#fff;border:none;border-radius:8px;width:100%;cursor:pointer;font-weight:500;transition:background-color .3s ease;font-size:1rem;justify-content:center}.mobile-login-btn-hdr:hover{background:#0056b3}.mobile-close-btn{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;line-height:1}.mobile-close-btn:hover{color:#333}.categories-dropdown-container{position:absolute;top:100%;left:0;z-index:9999;margin-top:8px;min-width:300px;display:block}.categories-dropdown{display:flex;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e5e7eb;overflow:hidden;min-height:400px;max-height:500px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categories-main-panel{width:300px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.categories-panel-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8f9fa}.categories-panel-header h4{margin:0 0 4px;font-size:1.1rem;color:#333;font-weight:600}.categories-count{font-size:.85rem;color:#666}.categories-list{flex:1;overflow-y:auto;padding:8px 0}.category-item{padding:12px 20px;cursor:pointer;transition:all .2s;border-left:3px solid transparent;position:relative}.category-item:hover{background:#f8f9fa;border-left-color:#007bff}.category-item.active{background:#f0f7ff;border-left-color:#007bff}.category-item.hovered{background:#f8f9fa}.category-content{display:flex;justify-content:space-between;align-items:center}.category-name{font-weight:500;color:#333;font-size:.95rem}.category-info{display:flex;align-items:center;gap:8px}.category-product-count{font-size:.8rem;color:#666;background:#f0f0f0;padding:2px 6px;border-radius:10px;white-space:nowrap}.category-arrow{font-size:.7rem;color:#999;transition:transform .2s}.category-item.active .category-arrow,.category-item:hover .category-arrow{color:#007bff;transform:translate(2px)}.categories-all-button{padding:16px 20px;border-top:1px solid #e5e7eb;background:#f8f9fa}.view-all-products-btn{width:100%;padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:8px}.view-all-products-btn:hover{background:#0056b3}.subcategories-panel{width:300px;display:flex;flex-direction:column;overflow:hidden;animation:slideInRight .2s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.subcategories-panel-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f8f9fa;display:flex;align-items:center;justify-content:space-between}.subcategories-panel-header h4{margin:0;font-size:1.1rem;color:#333;font-weight:600;display:flex;align-items:center;gap:8px}.back-to-categories{cursor:pointer;color:#666;font-size:1.2rem;padding:2px 6px;border-radius:4px;transition:all .2s}.back-to-categories:hover{background:#e9ecef;color:#333}.subcategories-count{font-size:.85rem;color:#666}.subcategories-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.subcategory-item{padding:12px 16px;background:none;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;text-align:left}.subcategory-item:hover{border-color:#007bff;background:#f0f7ff;transform:translate(2px)}.subcategory-name{font-weight:500;color:#333;font-size:.95rem}.subcategory-arrow{font-size:.8rem;color:#999;transition:color .2s,transform .2s}.subcategory-item:hover .subcategory-arrow{color:#007bff;transform:translate(2px)}.view-category-all{padding:16px 20px;border-top:1px solid #e5e7eb;background:#f8f9fa}.view-category-all-btn{width:100%;padding:10px 16px;background:#f0f7ff;color:#007bff;border:1px solid #007bff;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.view-category-all-btn:hover{background:#007bff;color:#fff}.categories-list::-webkit-scrollbar,.subcategories-list::-webkit-scrollbar{width:6px}.categories-list::-webkit-scrollbar-track,.subcategories-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.categories-list::-webkit-scrollbar-thumb,.subcategories-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.categories-list::-webkit-scrollbar-thumb:hover,.subcategories-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media(min-width:1201px){.container-hdr{max-width:1200px}.search-bar-hdr{min-width:280px;max-width:380px}}@media(min-width:992px)and (max-width:1200px){.container-hdr{max-width:100%;padding:0 15px}.nav-list-hdr{gap:1.5rem}.search-bar-hdr{min-width:250px;max-width:320px}.header-nav-main{gap:1rem}}@media(min-width:768px)and (max-width:991px){.container-hdr{padding:0 15px}.header-content-hdr{gap:1rem}.search-bar-hdr{min-width:200px;max-width:280px}.nav-list-hdr{gap:1rem}.logo-image-hdr{height:60px}}@media(min-width:769px){.desktop-nav-hdr,.categories-button-header,.search-bar-hdr,.login-button-hdr,.header-icons-hdr{display:flex}.menu-toggle-hdr,.mobile-menu-hdr{display:none}}@media(max-width:768px){.header-content-hdr{padding:.75rem 0;min-height:60px}.desktop-nav-hdr,.categories-button-header,.search-bar-hdr,.login-button-hdr{display:none}.menu-toggle-hdr{display:flex}.logo-image-hdr{height:35px;max-height:35px}.header-nav-main{flex:0}.header-actions-hdr{gap:.5rem}.mobile-categories-button-hdr{display:flex}}@media(min-width:481px)and (max-width:575px){.container-hdr{padding:0 10px}.header-content-hdr{padding:.5rem 0;min-height:55px}.logo-image-hdr{height:30px;max-height:30px}.icon-btn-hdr{width:40px;height:40px}.header-icons-hdr{gap:.25rem}.mobile-menu-content-hdr{width:85%}}@media(max-width:480px){.container-hdr{padding:0 10px}.header-content-hdr{padding:.5rem 0;min-height:55px}.logo-image-hdr{height:30px;max-height:30px}.icon-btn-hdr{width:40px;height:40px}.header-icons-hdr{gap:.25rem}.mobile-menu-content-hdr{width:85%;max-width:320px}}@media(max-width:360px){.header-icons-hdr{gap:.125rem}.icon-btn-hdr{width:36px;height:36px;padding:.4rem}.cart-icon-hdr,.user-icon-hdr{width:20px;height:20px}.mobile-menu-content-hdr{width:100%;max-width:100%}}@media(max-width:768px){.categories-dropdown{flex-direction:column;max-height:70vh;width:300px}.categories-main-panel,.subcategories-panel{width:100%}.subcategories-panel{border-top:1px solid #e5e7eb}}.main-content{margin-top:70px;width:100%;overflow:visible}@media(max-width:768px){.main-content{margin-top:60px}}@media(max-width:480px){.main-content{margin-top:55px}}.header-hdr{min-height:70px}.header-content-hdr>*{visibility:visible;opacity:1}.container-hdr,.header-content-hdr,.header-nav-main,.header-actions-hdr{overflow:visible}.categories-button-container-hdr .categories-dropdown-container{display:block;visibility:visible;opacity:1}@media(min-width:769px){.header-nav-main,.desktop-nav-hdr,.nav-list-hdr,.nav-link-hdr,.search-bar-hdr,.search-input-hdr,.search-btn-hdr,.header-icons-hdr,.icon-btn-hdr,.login-button-hdr{visibility:visible!important;opacity:1!important;display:flex!important}.categories-button-container-hdr{display:flex;visibility:visible;opacity:1}}body,html{overflow-x:hidden;width:100%}[class*=hdr]{box-sizing:border-box}