*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{background:#f5f7fa}a{color:inherit;text-decoration:none}.container{width:90%;max-width:1200px;margin:auto}.navbar{z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:20px 50px;display:flex;position:sticky;top:0;box-shadow:0 0 10px #0000001a}.navbar h2{color:#667eea}.navbar div{gap:25px;font-weight:500;display:flex}.navbar a:hover{color:#667eea}.hero{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;justify-content:center;align-items:center;height:80vh;display:flex}.hero h1{margin-bottom:20px;font-size:60px}.hero p{opacity:.9;margin-bottom:30px;font-size:20px}.hero-btn{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:30px;padding:14px 35px;font-size:16px;font-weight:600;transition:all .3s}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.page-title{color:#333;margin-bottom:25px;font-size:36px}.search-bar{border:2px solid #e0e0e0;border-radius:30px;outline:none;width:100%;margin-bottom:30px;padding:14px 20px;font-size:16px;transition:all .3s}.search-bar:focus{border-color:#667eea}.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.card{background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:20px;transition:all .3s;display:flex;box-shadow:0 5px 20px #00000014}.card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #00000026}.card img{object-fit:contain;width:100%;height:200px}.card h3{color:#333;flex-grow:1;font-size:14px}.price{color:#667eea;font-size:20px;font-weight:700}.card-buttons{gap:10px;display:flex}button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:10px;padding:10px 16px;font-size:14px;transition:all .3s}button:hover{background:#764ba2}.card-buttons a{color:#333;background:#f0f0f0;border-radius:10px;padding:10px 16px;font-size:14px;transition:all .3s}.card-buttons a:hover{color:#fff;background:#667eea}.loading{text-align:center;color:#667eea;padding:50px;font-size:20px}.details-page{align-items:center;gap:60px;padding:60px 0;display:flex}.details-image{background:#fff;border-radius:20px;flex:1;padding:40px;box-shadow:0 5px 20px #00000014}.details-image img{object-fit:contain;width:100%;height:350px}.details-info{flex-direction:column;flex:1;gap:20px;display:flex}.details-category{color:#fff;text-transform:uppercase;background:#667eea;border-radius:20px;width:fit-content;padding:6px 16px;font-size:13px}.details-info h1{color:#333;font-size:26px}.details-price{color:#667eea;font-size:32px;font-weight:700}.details-desc{color:#666;font-size:15px;line-height:1.8}.details-buttons{gap:15px;display:flex}.btn-outline{color:#667eea!important;background:#fff!important;border:2px solid #667eea!important}.btn-outline:hover{color:#fff!important;background:#667eea!important}.empty-state{text-align:center;color:#666;flex-direction:column;align-items:center;gap:20px;padding:80px;font-size:20px;display:flex}.cart-list{flex-direction:column;gap:20px;display:flex}.cart-item{background:#fff;border-radius:16px;align-items:center;gap:20px;padding:20px;display:flex;box-shadow:0 5px 20px #0000000f}.cart-item img{object-fit:contain;width:100px;height:100px}.cart-item-info{flex-direction:column;flex-grow:1;gap:6px;display:flex}.cart-item-info h3{color:#333;font-size:15px}.remove-btn{background:#ff4757!important}.remove-btn:hover{background:#c0392b!important}.cart-total{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-top:30px;padding:25px 30px;display:flex;box-shadow:0 5px 20px #0000000f}.cart-total h2{color:#333;font-size:24px}.cart-link{position:relative}.cart-badge{color:#fff;background:#ff4757;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-10px;right:-12px}.wishlist-btn{cursor:pointer;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 2px 8px #0000001a;background:#fff!important;border-radius:50%!important;padding:4px!important}.card{position:relative}.auth-container{background:#f5f7fa;justify-content:center;align-items:center;min-height:90vh;display:flex}.auth-box{background:#fff;border-radius:20px;flex-direction:column;gap:15px;width:100%;max-width:450px;padding:50px;display:flex;box-shadow:0 10px 40px #0000001a}.auth-box h2{color:#333;font-size:28px}.auth-subtitle{color:#888;margin-top:-10px}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#444;font-size:14px;font-weight:600}.form-group input{border:2px solid #e0e0e0;border-radius:10px;outline:none;padding:12px 16px;font-size:15px;transition:all .3s}.form-group input:focus{border-color:#667eea}.auth-btn{border-radius:12px;width:100%;margin-top:5px;padding:14px;font-size:16px}.auth-error{color:#c0392b;background:#ffe0e0;border-radius:10px;padding:10px 16px;font-size:14px}.auth-switch{text-align:center;color:#888;font-size:14px}.auth-switch a{color:#667eea;font-weight:600}.contact-wrapper{align-items:flex-start;gap:60px;display:flex}.contact-info{flex-direction:column;flex:1;gap:25px;display:flex}.contact-info h2{color:#333;font-size:32px}.contact-info>p{color:#666;font-size:16px;line-height:1.7}.contact-details{flex-direction:column;gap:20px;display:flex}.contact-detail-item{background:#fff;border-radius:12px;align-items:center;gap:15px;padding:16px 20px;display:flex;box-shadow:0 5px 15px #0000000f}.contact-detail-item span{font-size:24px}.contact-detail-item p{color:#444;font-size:15px}.contact-form-box{background:#fff;border-radius:20px;flex-direction:column;flex:1;gap:20px;padding:40px;display:flex;box-shadow:0 10px 40px #00000014}.contact-form-box h2{color:#333;font-size:24px}textarea{resize:vertical;border:2px solid #e0e0e0;border-radius:10px;outline:none;padding:12px 16px;font-family:Segoe UI,sans-serif;font-size:15px;transition:all .3s}textarea:focus{border-color:#667eea}.auth-success{color:#27ae60;background:#e0f7e9;border-radius:10px;padding:10px 16px;font-size:14px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;display:grid}.category-card{text-align:center;cursor:pointer;background:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:40px 20px;transition:all .3s;display:flex;box-shadow:0 5px 20px #00000014}.category-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #667eea33}.category-emoji{font-size:52px}.category-card h3{color:#333;text-transform:capitalize;font-size:18px}.category-card p{color:#667eea;font-size:14px;font-weight:600}.footer{color:#ccc;background:#1a1a2e;margin-top:80px;padding:60px 0 0}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.footer-brand h2{color:#fff;margin-bottom:15px;font-size:24px}.footer-brand p{font-size:14px;line-height:1.8}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links h4{color:#fff;margin-bottom:5px;font-size:16px}.footer-links a{color:#aaa;font-size:14px;transition:all .3s}.footer-links a:hover{color:#667eea}.footer-links p{color:#aaa;font-size:14px}.footer-bottom{text-align:center;color:#666;border-top:1px solid #333;padding:20px 0;font-size:13px}.section-title{color:#333;margin-bottom:30px;font-size:30px;font-weight:700}.home-categories{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;display:grid}.home-category-card{text-align:center;cursor:pointer;background:#fff;border-radius:16px;padding:30px;transition:all .3s;box-shadow:0 5px 20px #0000000f}.home-category-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea26}.home-category-card span{font-size:40px}.home-category-card p{color:#555;text-transform:capitalize;margin-top:10px;font-weight:500}