body,html{margin:0;padding:0;font-family:Arial,sans-serif;color:#000;background:#fff;text-align:center;display:flex;flex-direction:column;min-height:100vh}h1{font-size:36px;font-weight:300;margin:40px 0 10px}p{font-size:18px;font-weight:300;margin:10px 0 30px}.wrapper{flex:1}header{text-align:center;padding:20px;background:#fff}nav{display:flex;justify-content:center;align-items:center;padding:15px 30px;background:#fff;position:relative}nav ul{display:flex;list-style:none;padding:0;margin:0;gap:20px}nav ul li{margin:0}nav ul li a{text-decoration:none;color:#000;font-size:18px;font-weight:500;position:relative;padding:8px 15px;transition:color .3s ease-in-out}nav ul li a:after{content:"";display:block;position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:#000;transition:width .3s ease-in-out,left .3s ease-in-out;transform:translate(-50%)}nav ul li a:hover:after{width:100%;left:50%;transform:translate(-50%)}nav ul li a:hover{color:gray}.login-btn{font-size:18px;font-weight:500;text-decoration:none;color:#000;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid black;border-radius:5px;transition:background .3s ease-in-out,color .3s ease-in-out;position:absolute;right:30px}.login-btn i{font-size:20px}.login-btn:hover{background:#000;color:#fff}.banner{position:relative;width:100%;height:450px;overflow:hidden;margin-bottom:20px}.banner button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;font-size:24px;padding:10px 15px;cursor:pointer;transition:background .3s ease-in-out;z-index:10}.banner button:hover{background:#000c}.prev{left:10px}.next{right:10px}.slider{display:flex;width:300%;transition:transform .5s ease-in-out;transform:var(--slider-translate)}.slider img{width:100vw;height:350px;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out}.slider img.active{opacity:1}main{padding:50px 20px}footer{background:#fff;color:#000;padding:20px;margin-top:auto;border-top:1px solid rgba(0,0,0,.2)}@media (max-width: 768px){.banner,.slider img{height:250px}nav ul{flex-direction:column;gap:10px}nav ul li a{display:block;width:80%;margin:0 auto}}.login-btn.svelte-kt0wm8,.logout-btn.svelte-kt0wm8{background-color:#8d9278;color:#fff;border:none;margin-right:90px;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .3s ease}.login-btn.svelte-kt0wm8:hover,.logout-btn.svelte-kt0wm8:hover{background-color:#4b535c}.cart-link.svelte-kt0wm8{background-color:#6b6b5d;color:#fff;position:relative;padding:.5rem 2.5rem .5rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:700;transition:background-color .3s ease,color .3s ease}.cart-link.svelte-kt0wm8:hover{background-color:#5a6268}.cart-count.svelte-kt0wm8{position:absolute;top:-8px;right:-8px;background-color:#ffc107;color:#333;font-size:.8em;font-weight:700;border-radius:50%;padding:.2em .5em;min-width:1.5em;text-align:center;line-height:1;box-shadow:0 1px 3px #0003}@media (max-width: 768px){nav.svelte-kt0wm8{flex-direction:column;gap:1rem}nav.svelte-kt0wm8>div:where(.svelte-kt0wm8){width:100%;justify-content:center}ul.svelte-kt0wm8{flex-wrap:wrap;justify-content:center;gap:.8rem}.login-btn.svelte-kt0wm8{margin-left:200px}.cart-link.svelte-kt0wm8{margin-top:100px}}footer.svelte-wywt3p{background-color:#333;color:#fff;padding:1.5rem 1rem;text-align:center;margin-top:auto;position:relative;z-index:1}footer.svelte-wywt3p p:where(.svelte-wywt3p){margin:.5rem 0;font-size:.9rem}.contact-button.svelte-wywt3p{background-color:#007bff;color:#fff;border:none;padding:.7rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;margin-top:1rem;transition:background-color .3s ease}.contact-button.svelte-wywt3p:hover{background-color:#0056b3}.contact-button.svelte-wywt3p:disabled{background-color:#ccc;cursor:not-allowed}.modal-overlay.svelte-wywt3p{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.svelte-wywt3p{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 5px 20px #0000004d;max-width:550px;width:90%;max-height:90vh;overflow-y:auto;position:relative;text-align:left}.close-button.svelte-wywt3p{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#333;transition:color .2s ease}.close-button.svelte-wywt3p:hover{color:#dc3545}h2.svelte-wywt3p{text-align:center;margin-bottom:1.5rem;color:#333}.user-info.svelte-wywt3p{text-align:center;margin-bottom:1rem;font-size:.9rem;color:#666}form.svelte-wywt3p div:where(.svelte-wywt3p){margin-bottom:1rem}form.svelte-wywt3p label:where(.svelte-wywt3p){display:block;margin-bottom:.4rem;font-weight:700;color:#555;font-size:.95rem}form.svelte-wywt3p input[type=text]:where(.svelte-wywt3p),form.svelte-wywt3p textarea:where(.svelte-wywt3p){width:calc(100% - 20px);padding:8px;border:1px solid #ccc;border-radius:.4rem;font-size:.9rem;box-sizing:border-box}form.svelte-wywt3p textarea:where(.svelte-wywt3p){min-height:120px;resize:vertical}form.svelte-wywt3p button:where(.svelte-wywt3p){display:block;width:100%;padding:.8rem;margin-top:1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease}form.svelte-wywt3p button:where(.svelte-wywt3p):hover:not(:disabled){background-color:#0056b3}form.svelte-wywt3p button:where(.svelte-wywt3p):disabled{background-color:#ccc;cursor:not-allowed}.messages.svelte-wywt3p{text-align:center;margin-bottom:1rem;font-size:1rem;padding:.5rem;border-radius:.5rem}.messages.error.svelte-wywt3p{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.messages.success.svelte-wywt3p{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.login-link.svelte-wywt3p{color:#007bff;text-decoration:none;font-weight:700}.login-link.svelte-wywt3p:hover{text-decoration:underline}