body{background:#f5f5f6;margin:0;font-family:Arial,sans-serif}.navbar{background:#fff;justify-content:space-between;padding:15px 40px;display:flex;box-shadow:0 2px 8px #0000001a}.brand{color:#31a703;font-size:22px;font-weight:700}.menu span{cursor:pointer;margin:0 15px;font-weight:600;transition:color .3s}.menu span:hover{color:#31a703}.menu span.active{color:#31a703;border-bottom:2px solid #31a703;padding-bottom:2px}.nav-right{align-items:center;gap:12px;display:flex}.nav-right .search{border:1px solid #ddd;border-radius:4px;min-width:210px;padding:6px 10px}.nav-btn{color:#31a703;cursor:pointer;background:#fff;border:1px solid #31a703;border-radius:4px;padding:6px 12px;font-weight:700}.nav-btn.cart{color:#fff;background:#31a703}.banner img{width:100%}.product-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:30px;display:grid}.card{background:linear-gradient(150deg,#fff,#fff7f9);border:1px solid #f0e6ea;border-radius:12px;padding:12px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.card:hover{transform:translateY(-6px);box-shadow:0 16px 30px #ff3f6c33}.card-badge{color:#fff;z-index:2;background:#31a703;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.card-image-wrap{border-radius:10px;margin-bottom:12px;overflow:hidden}.card-image-wrap img{object-fit:cover;width:100%;height:220px;transition:transform .3s}.card:hover .card-image-wrap img{transform:scale(1.05)}.card-body h4{color:#333;margin:0 0 8px;font-size:18px}.card-rating{color:#666;margin-bottom:8px;font-size:13px}.price{color:#31a703;margin-bottom:10px;font-size:18px;font-weight:700}.card-actions{gap:8px;display:flex}.card-btn{color:#fff;cursor:pointer;background:#31a703;border:1px solid #31a703;border-radius:6px;flex:1;padding:8px;font-weight:700;transition:background .2s,color .2s}.card-btn:hover{background:#31a703}.card-btn.outline{color:#31a703;background:#fff}.card-btn.outline:hover{color:#fff;background:#31a703}.modal-overlay{z-index:20;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:10px;width:min(500px,95vw);padding:20px;box-shadow:0 20px 50px #0003}.modal img{object-fit:cover;border-radius:8px;width:100%;max-height:280px;margin-bottom:12px}.modal h3{margin:0 0 10px}.modal .price{margin:10px 0;font-size:20px}.cart-overlay{z-index:21;background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.cart-drawer{background:#fff;width:min(420px,90vw);height:100%;padding:18px;overflow-y:auto;box-shadow:-10px 0 30px #00000040}.cart-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.cart-items{flex-direction:column;gap:10px;display:flex}.cart-item{border:1px solid #f0e6ea;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.cart-item img{object-fit:cover;border-radius:6px;width:70px;height:70px}.cart-item>div{flex:1}.cart-total{text-align:right;margin-top:14px;font-size:18px;font-weight:700}.footer{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 50%,#1a1a1a 100%);margin-top:60px;padding:60px 20px 20px;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg,#31a703,coral,orange,#ff3f6c) 0 0/200% 100%;height:4px;animation:3s infinite gradientShift;position:absolute;top:0;left:0;right:0}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.footer-content{z-index:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid;position:relative}.footer-section h4{color:#31a703;margin-bottom:15px;font-size:20px;font-weight:700;position:relative}.footer-section h4:after{content:"";background:#31a703;border-radius:1px;width:50px;height:2px;position:absolute;bottom:-5px;left:0}.footer-section p{color:#ddd;margin:0;line-height:1.6}.footer-section ul{padding:0;list-style:none}.footer-section li{margin-bottom:8px;transition:transform .2s}.footer-section li:hover{transform:translate(5px)}.footer-section a{color:#ccc;text-decoration:none;transition:all .3s;display:inline-block}.footer-section a:hover{color:#31a703;text-shadow:0 0 8px #ff3f6c80}.social-links{gap:15px;margin-top:10px;display:flex}.social-links a{color:#ccc;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;font-size:18px;text-decoration:none;transition:all .3s;display:flex}.social-links a:hover{color:#fff;background:#31a703;transform:scale(1.1);box-shadow:0 4px 15px #ff3f6c4d}.footer-bottom{text-align:center;color:#aaa;z-index:1;border-top:1px solid #ffffff1a;margin-top:40px;padding-top:20px;position:relative}.category-banner{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:10px;margin:20px;padding:40px 20px}.category-banner h2{color:#333;margin:0 0 10px;font-size:32px;font-weight:700}.category-banner p{color:#666;margin:0;font-size:18px}.auth-overlay{z-index:25;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:#fff;border-radius:12px;width:min(450px,95vw);max-height:90vh;animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.auth-header h3{color:#333;margin:0;font-size:24px;font-weight:700}.close-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;transition:all .2s;display:flex}.close-btn:hover{color:#333;background:#f5f5f5}.auth-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-group input{box-sizing:border-box;border:2px solid #e1e5e9;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:border-color .3s}.form-group input:focus{border-color:#ff3f6c;outline:none;box-shadow:0 0 0 3px #ff3f6c1a}.auth-btn{color:#fff;cursor:pointer;background:#31a703;border:none;border-radius:8px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:700;transition:all .3s}.auth-btn:hover{background:#31a703;transform:translateY(-1px);box-shadow:0 4px 12px #ff3f6c4d}.auth-footer{text-align:center;background:#f9f9f9;border-top:1px solid #eee;padding:20px 24px}.auth-footer p{color:#666;margin:0;font-size:14px}.switch-btn{color:#31a703;cursor:pointer;background:0 0;border:none;margin-left:5px;font-size:14px;font-weight:600;text-decoration:underline}.switch-btn:hover{color:#31a703}