.product-card{background:var(--light);padding:15px;border-radius:var(--radius);box-shadow:var(--shadow);width:calc(25% - 20px);text-align:center}.product-card img{width:100%;border-radius:var(--radius);margin-bottom:10px}.product-card h3{font-size:1.1rem;margin:10px 0}.product-card .price{font-weight:700;margin-bottom:10px;font-size:1.1rem;color:var(--primary)}@media (max-width: 900px){.product-card{width:calc(33.3% - 20px)}}@media (max-width: 600px){.product-card{width:calc(50% - 20px)}}@media (max-width: 400px){.product-card{width:100%}}.product-card{transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 5px 15px #0000001f}@media (max-width: 380px){.product-card h3,.product-card .price{font-size:.95rem}}.navbar{background:#fff;padding:15px 0;box-shadow:var(--shadow)}.nav-inner{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;align-items:center;gap:20px}.logo{font-size:1.4rem;font-weight:700;color:var(--primary)}.nav-links a{text-decoration:none;color:#333}.nav-links a:hover{color:var(--primary)}.welcome-text{font-weight:500;color:var(--primary)}.logout-btn{background:red;padding:6px 12px;font-size:.9rem}.logout-btn:hover{opacity:.85}@media (max-width: 700px){.nav-links{gap:10px}.nav-links a,.welcome-text{font-size:.9rem}.logo{font-size:1.2rem}}.footer{background-color:#eee;padding:20px;text-align:center;margin-top:40px;font-size:.9rem;color:#555}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background-color:#f9f9f9;color:#333}*,*:before,*:after{box-sizing:border-box}.container{padding:0 15px}@media (max-width: 600px){h1,h2,h3{font-size:90%}p{font-size:95%}}.container{width:90%;max-width:1200px;margin:auto}.flex{display:flex;align-items:center}.row{display:flex;flex-wrap:wrap;gap:20px}:root{--primary: #4a4aff;--dark: #222;--light: #fff;--gray: #eaeaea;--radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}.btn{padding:10px 16px;border-radius:var(--radius);border:none;cursor:pointer;background-color:var(--primary);color:#fff;font-weight:500;transition:.2s}.btn:hover{opacity:.9}.input{padding:10px;border-radius:var(--radius);border:1px solid #ccc;width:100%;outline:none}.input:focus{border-color:var(--primary)}.btn:focus{outline:3px solid rgba(0,0,0,.2)}.btn:hover{opacity:.85;transform:translateY(-1px)}.product-detail{display:flex;gap:30px;margin-top:20px}.detail-img{width:350px;border-radius:var(--radius);object-fit:cover;box-shadow:var(--shadow)}.detail-info{flex:1}.detail-price{font-size:1.4rem;font-weight:700;color:var(--primary);margin:15px 0}.detail-category{color:#666;margin-bottom:10px}.detail-desc{margin-bottom:20px;color:#444}@media (max-width: 768px){.product-detail{flex-direction:column;align-items:center}.detail-img{width:100%;max-width:350px}}.detail-info h2{font-size:1.4rem}@media (max-width: 600px){.detail-info h2{font-size:1.2rem}.detail-price{font-size:1.1rem}}.cart-page{display:flex;gap:30px;margin-top:20px}.cart-items{flex:2;display:flex;flex-direction:column;gap:20px}.cart-item{display:flex;gap:20px;background:#fff;padding:15px;border-radius:var(--radius);box-shadow:var(--shadow)}.cart-item img{width:120px;border-radius:var(--radius)}.cart-item .info{flex:1}.cart-item .price{font-size:1.2rem;color:var(--primary);font-weight:700;margin:5px 0}.quantity{display:flex;align-items:center;gap:10px;margin:10px 0}.quantity button{width:30px;height:30px;border:none;background:var(--primary);color:#fff;border-radius:4px;cursor:pointer}.remove{background:red;color:#fff;border:none;padding:8px 12px;border-radius:var(--radius);cursor:pointer;margin-top:10px}.cart-summary{flex:1;background:#fff;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);height:fit-content;position:sticky;top:20px}.cart-summary h3{margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;padding:10px 0}.summary-row.total{font-weight:700;font-size:1.2rem;border-top:1px solid #ddd;margin-top:10px;padding-top:15px}.checkout-btn{width:100%;margin-top:20px;font-size:1.1rem}@media (max-width: 900px){.cart-page{flex-direction:column}.cart-summary{position:static;width:100%}}@media (max-width: 500px){.cart-item{flex-direction:column;align-items:center;text-align:center}.cart-item img{width:160px}.quantity{justify-content:center}.remove-btn{width:100%}}.auth-container{width:100%;max-width:450px;margin:40px auto;padding:30px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.auth-container h2{text-align:center;margin-bottom:25px}.auth-container form{display:flex;flex-direction:column;gap:15px}.auth-container label{font-weight:500}.auth-container input{padding:12px;border-radius:var(--radius);border:1px solid #ccc;outline:none}.auth-container input:focus{border-color:var(--primary)}.auth-container .btn{width:100%;padding:12px;font-size:1rem;margin-top:10px}.auth-bottom-text{text-align:center;margin-top:15px}.auth-bottom-text a{color:var(--primary);text-decoration:none}.auth-container input:focus{border-color:var(--primary);box-shadow:0 0 4px #643cff4d}