*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #ffffff;--bg-accent: #F7F7F7;--text-heading: #2d2d2d;--text-body: #3a3a3a;--text-light: #777777;--font-heading: "Oswald", sans-serif;--font-body: "Inter", sans-serif;--sidebar-width: 260px;--transition: .3s ease}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-body);background-color:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.main-content{animation:fadeInPage .5s ease-out}@keyframes fadeInPage{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-heading);text-transform:uppercase;letter-spacing:.04em;line-height:1.3}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-primary);padding:1rem 1.5rem;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.mobile-logo{display:flex;align-items:center}.mobile-logo-img{height:28px;width:auto;transition:transform .3s ease}.mobile-logo-img:hover{transform:scale(1.05)}.menu-toggle{background:none;border:none;font-size:1.25rem;color:var(--text-heading);cursor:pointer}.overlay-nav{position:fixed;inset:0;background:var(--bg-primary);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.overlay-nav.open{opacity:1;visibility:visible}.overlay-close{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:1.5rem;color:var(--text-heading);cursor:pointer}.overlay-logo{margin-bottom:2.5rem}.overlay-logo img{height:36px;width:auto;animation:logoSlideIn .4s ease-out .1s both}@keyframes logoSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.overlay-menu{list-style:none;text-align:center}.overlay-menu li{margin-bottom:1.5rem}.overlay-menu a{font-family:var(--font-heading);font-weight:600;font-size:1.75rem;text-transform:uppercase;letter-spacing:.02em;color:var(--text-heading);transition:color var(--transition)}.overlay-menu a:hover,.overlay-menu a.active{color:#999}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-primary);display:flex;flex-direction:column;padding:2.5rem 2rem;border-right:1px solid #eee;z-index:50}.sidebar-header{margin-bottom:2.5rem}.site-title{display:block}.sidebar-logo{width:180px;height:auto;transition:transform .4s ease,filter .3s ease;transform-origin:left center}.sidebar-logo:hover{transform:scale(1.05) rotate(-1deg);filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}.sidebar-logo:active{transform:scale(.97)}.sidebar-nav{flex:1}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin-bottom:.4rem}.sidebar-nav a{font-family:var(--font-heading);font-weight:500;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-heading);padding:.4rem 0;display:block;position:relative;transition:color var(--transition),transform .2s ease}.sidebar-nav a:after{content:"";position:absolute;left:0;bottom:.2rem;width:0;height:1.5px;background:var(--text-heading);transition:width .3s ease}.sidebar-nav a:hover{color:#999;transform:translate(4px)}.sidebar-nav a:hover:after{width:100%;background:#999}.sidebar-nav a.active{color:#999}.sidebar-nav a.active:after{width:1.5rem;background:var(--text-heading)}.sidebar-footer{margin-top:auto}.social-links{display:flex;gap:1rem;margin-bottom:1rem}.social-links a{color:var(--text-heading);font-size:1rem;transition:color var(--transition),transform .2s ease}.social-links a:hover{color:#999;transform:scale(1.15)}.copyright{font-size:.75rem;color:var(--text-light);letter-spacing:.02em}.main-content{margin-left:var(--sidebar-width);min-height:100vh}.cart-floating{position:fixed;top:1.25rem;right:1.5rem;z-index:800;background:var(--text-heading);color:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;box-shadow:0 2px 10px #00000026;transition:background .2s,transform .2s}.cart-floating:hover{background:#1a1a1a;transform:scale(1.05)}.cart-badge{position:absolute;top:-4px;right:-4px;background:#3b82f6;color:#fff;font-size:.625rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center;line-height:1}.cart-badge.visible{display:flex;animation:badgePop .3s ease-out}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.cart-floating.bounce{animation:cartBounce .4s ease}@keyframes cartBounce{0%,to{transform:scale(1)}30%{transform:scale(1.2)}60%{transform:scale(.95)}}.cart-overlay{position:fixed;inset:0;background:#00000080;z-index:900;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.cart-overlay.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;width:380px;max-width:90vw;height:100vh;background:#fff;z-index:901;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000001a}.cart-drawer.open{transform:translate(0)}.cart-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #eee}.cart-drawer-header h3{font-family:var(--font-heading);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:0}.cart-drawer-close{background:none;border:none;font-size:1.75rem;color:#999;cursor:pointer;line-height:1;padding:0;transition:color .2s}.cart-drawer-close:hover{color:#1a1a1a}.cart-drawer-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.cart-empty{text-align:center;padding:3rem 0}.cart-empty-logo{width:120px;height:auto;margin:0 auto 1rem;opacity:.15;transition:opacity .3s ease,transform .4s ease}.cart-empty:hover .cart-empty-logo{opacity:.3;transform:rotate(-3deg) scale(1.05)}.cart-empty p{color:var(--text-light);font-size:.875rem}.cart-item{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.cart-item-thumb{width:64px;height:44px;flex-shrink:0;border-radius:3px;overflow:hidden;background:#f0f0f0}.cart-item-thumb img{width:100%;height:100%;object-fit:cover}.cart-item-details{flex:1;min-width:0}.cart-item-name{font-weight:500;font-size:.8125rem;color:var(--text-heading);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-meta{font-size:.6875rem;color:var(--text-light)}.cart-item-price{font-weight:600;font-size:.8125rem;color:var(--text-heading);white-space:nowrap}.cart-item-remove{background:none;border:none;color:#ccc;font-size:1.125rem;cursor:pointer;padding:0;line-height:1;transition:color .2s;flex-shrink:0;align-self:flex-start}.cart-item-remove:hover{color:#e74c3c}.cart-drawer-footer{padding:1rem 1.5rem;border-top:1px solid #eee}.cart-subtotal{display:flex;justify-content:space-between;font-family:var(--font-heading);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;color:var(--text-heading)}.cart-checkout-btn{width:100%;padding:.875rem;background:var(--text-heading);color:#fff;border:none;font-family:var(--font-heading);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:background .2s}.cart-checkout-btn:hover{background:#1a1a1a}.cart-checkout-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:991px){.sidebar{display:none}.mobile-header{display:flex}.main-content{margin-left:0;padding-top:60px}}@media(max-width:480px){.mobile-header{padding:.75rem 1rem}.mobile-logo-img{height:24px}.overlay-menu a{font-size:1.5rem}.overlay-menu li{margin-bottom:1.25rem}}