.site-header{position:sticky;top:0;z-index:50;background:rgba(12,14,18,.6);backdrop-filter: blur(8px); border-bottom:1px solid #141824}
.nav-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.6rem}
.logo{height:34px;width:auto;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.brand-name{font-weight:800;letter-spacing:.5px}
.nav{display:flex;gap:1rem}
.nav a{padding:.6rem .8rem;border-radius:8px;color:#c8cde0}
.nav a:hover{background:#171a24}
.nav-toggle{display:none;background:transparent;border:none;color:#c8cde0}
.nav-toggle span{display:block;width:22px;height:2px;background:#c8cde0;margin:5px 0;border-radius:2px}
.cart-button{position:relative;background:#171a24;border:1px solid #25283a;color:#d0d5ea;border-radius:12px;padding:.5rem .8rem;display:flex;align-items:center;gap:.5rem}
.cart-count{position:absolute;top:-6px;right:-6px;background:var(--brand);color:white;border-radius:999px;font-size:.7rem;line-height:1;padding:3px 6px;box-shadow:var(--shadow)}

/* Cart Drawer */
.cart-drawer{position:fixed;inset:0;pointer-events:none}
.cart-overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s ease}
.cart-panel{position:absolute;top:0;right:0;bottom:0;width:min(420px, 94vw);background:var(--panel);border-left:1px solid #1f2230;transform:translateX(100%);transition:transform .25s ease;box-shadow:-10px 0 30px rgba(0,0,0,.25);display:flex;flex-direction:column}
.cart-drawer.open{pointer-events:auto}
.cart-drawer.open .cart-overlay{opacity:1}
.cart-drawer.open .cart-panel{transform:translateX(0)}
.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #1f2230}
.cart-body{padding:1rem;overflow:auto}
.cart-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}
.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:.8rem;align-items:center;background:#0f1117;border:1px solid #1c1f2b;border-radius:12px;padding:.6rem}
.cart-item img{width:64px;height:64px;object-fit:cover;border-radius:8px}
.cart-item .meta{display:flex;flex-direction:column}
.cart-item .price{color:#b8bcc6}
.cart-summary{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.6rem 0;border-top:1px solid #1f2230;color:#c8cde0}
.cart-actions{display:flex;gap:.6rem}
.cart-section h4{margin:.8rem 0 .4rem 0}
.orders-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.order-item{background:#0f1117;border:1px solid #1c1f2b;border-radius:12px;padding:.7rem;display:flex;justify-content:space-between;align-items:center}
.order-item .status{font-size:.85rem;color:#8ea0c9}

@media (max-width: 780px){
  .nav{display:none}
  .nav.open{display:flex;position:absolute;top:64px;left:0;right:0;background:#0f1117;border-bottom:1px solid #1f2230; padding:.7rem;justify-content:center}
  .nav-toggle{display:inline-block}
}