.navbar{z-index:1000;background-color:var(--anvil);border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.navbar:after{content:"";background-image:var(--cut);opacity:.55;height:2px;position:absolute;bottom:-1px;left:0;right:0}.navbar-logo{font-family:var(--font-display), Georgia, serif;font-variation-settings:"SOFT" 0, "WONK" 1, "opsz" 120;letter-spacing:.26em;color:var(--bright);font-size:1.6rem;font-weight:600}.navbar-left,.navbar-right{justify-content:flex-end;align-items:center;gap:16px;width:80px;display:flex}.navbar-right{justify-content:flex-end}.menu-toggle{color:var(--bright);cursor:pointer;background:0 0;border:none;font-size:1.2rem}.cart-icon{color:var(--bright);align-items:center;display:flex;position:relative}.mobile-menu{background-color:var(--anvil);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:40px;transition:transform .3s;display:flex;position:fixed;inset:65px 0 0;transform:translate(-100%)}.mobile-menu:before{content:"";background-image:var(--lattice);opacity:.07;pointer-events:none;background-size:44px 44px;position:absolute;inset:0}.mobile-menu.open{transform:translate(0)}.mobile-menu a{font-family:var(--font-display), Georgia, serif;font-variation-settings:"SOFT" 0, "WONK" 1, "opsz" 120;letter-spacing:.04em;color:var(--bright);font-size:2rem;font-weight:600;transition:color .2s;position:relative}.mobile-menu a:hover{color:var(--satin)}.cart-badge{background-color:var(--bright);width:18px;height:18px;color:var(--anvil);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}.search-toggle{color:var(--bright);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.search-bar{background-color:var(--oxide-deep);border-bottom:1px solid var(--edge);z-index:998;padding:20px 40px;position:fixed;top:65px;left:0;right:0}.search-bar form{gap:12px;max-width:600px;margin:0 auto;display:flex}.search-bar input{background-color:var(--anvil);border:1px solid var(--edge);color:var(--bright);outline:none;flex:1;padding:12px 16px;font-size:.95rem}.search-bar input:focus{border-color:var(--zircon)}.search-bar button{background-color:var(--bright);color:var(--anvil);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;padding:12px 24px;font-size:.85rem;font-weight:600;transition:background-color .2s}.search-bar button:hover{background-color:var(--satin)}@media (max-width:768px){.navbar,.search-bar{padding:16px 20px}.search-bar form{flex-direction:column}}
.footer{background-color:var(--oxide-deep);color:var(--bright);border-top:1px solid var(--edge);margin-top:100px;padding:60px 40px 30px;position:relative}.footer:before{content:"";background-image:var(--cut);opacity:.55;height:2px;position:absolute;top:-1px;left:0;right:0}.footer-top{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:60px;display:flex}.footer-brand h2{font-family:var(--font-display), Georgia, serif;font-variation-settings:"SOFT" 0, "WONK" 1, "opsz" 120;letter-spacing:.26em;color:var(--bright);margin-bottom:12px;font-size:1.9rem;font-weight:600}.footer-brand p{color:var(--satin);max-width:220px;font-size:.9rem;line-height:1.8}.footer-links{gap:60px;display:flex}.footer-col{flex-direction:column;gap:12px;display:flex}.footer-col h4{font-family:var(--font-body), system-ui, sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--satin-dim);margin-bottom:4px;font-size:.72rem;font-weight:600}.footer-col a{color:var(--satin);font-size:.9rem;transition:color .2s}.footer-col a:hover{color:var(--bright)}.footer-bottom{text-align:center;padding-top:24px}.footer-bottom p{color:var(--satin-dim);letter-spacing:.05em;font-size:.8rem}.footer-social{border-top:1px solid var(--edge);justify-content:center;gap:20px;padding:24px 0;display:flex}.social-icon{transition:opacity .2s}.social-icon:hover{opacity:.8}.social-icon.instagram{color:#e1306c}.social-icon.tiktok{color:#f2f4f5}.social-icon.whatsapp{color:#25d366}@media (max-width:768px){.footer{padding:40px 20px 24px}.footer-top{flex-direction:column}.footer-links{gap:40px}}
