:root{--color-background:#fdfbf5;--color-light-bg:#f4f1ea;--color-medium-bg:#e2dccc;--color-dark-bg:#4c4d52;--color-text:#4c4d52;--color-secondary:#97754e;--color-accent:#a4a57e;--color-warm:#685638;--font-body:"Aleo",serif;--font-subheading:"Mythical Prince",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background);line-height:1.6}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--color-secondary)}.fade-in{animation:.8s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem}.navbar-links{gap:1.5rem}.cart-grid{grid-template-columns:1fr}}
.navbar{background-color:var(--color-background);border-bottom:1px solid var(--color-medium-bg);justify-content:space-between;align-items:center;padding:.4rem 2.5rem;display:flex}.navbar-logo a{font-family:var(--font-subheading);color:var(--color-text);letter-spacing:.05em;font-size:2.2rem;font-weight:400}.logo-image{object-fit:contain;width:auto;height:80px}.navbar-links{gap:2.5rem;margin:0;padding:0;list-style:none;display:flex}.navbar-links a{font-family:var(--font-body);color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;padding-bottom:.5rem;font-size:1.2rem;position:relative}.navbar-links a:after{content:"";background-color:var(--color-secondary);width:0;height:1px;transition:width .3s ease-out;position:absolute;bottom:0;left:0}.navbar-links a:hover:after,.navbar-links a.active:after{width:100%}
.footer{background-color:var(--color-light-bg);color:var(--color-text);font-family:var(--font-body);padding:3rem 2.5rem}.footer-content{border-bottom:1px solid var(--color-medium-bg);justify-content:space-between;align-items:flex-start;max-width:1400px;margin:0 auto;padding-bottom:2rem;display:flex}.footer-section{padding:0 1rem}.footer-right-group{flex:1;justify-content:flex-end;gap:5rem;display:flex}.footer-section.about{max-width:350px}.footer-logo{object-fit:contain;width:auto;height:60px;margin-bottom:1rem}.footer-section p{font-size:.9rem;line-height:1.7}.footer-section h2{font-family:var(--font-subheading);color:var(--color-dark-bg);margin-bottom:1.5rem;font-size:1.5rem;font-weight:400}.footer-section ul{padding:0;list-style:none}.footer-section ul li a{color:var(--color-text);margin-bottom:.8rem;text-decoration:none;transition:color .3s;display:block}.footer-section ul li a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;color:var(--color-dark-bg);padding-top:2rem;font-size:.9rem}