/* ============================================
   STICKY HEADER FIX (Hamesha Upar Rahega)
   ============================================ */
.site-header { 
  position: fixed !important; 
  top: 0; 
  left: 0; 
  width: 100%; 
  z-index: 9999; 
  background: #FDFBF7 !important;
}
body { padding-top: 80px !important; } /* Taaki content header ke niche se shuru ho */

@media (max-width: 768px) {
  body { padding-top: 65px !important; }
}/* ============================================
   HEADER FIX (Hamesha Upar Rahega)
   ============================================ */
.site-header { 
  position: fixed !important; 
  top: 0; left: 0; width: 100%; z-index: 9999; 
  background: #FDFBF7 !important;
}
body { padding-top: 85px !important; }

/* ============================================
   MENU PAGE FIX (Zomato Style)
   ============================================ */
.zomato-cat-bar { position: sticky; top: 85px; background: #FDFBF7; z-index: 900; padding: 15px 0; border-bottom: 1px solid #EADFC8; margin-bottom: 20px; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.zomato-cat-bar::-webkit-scrollbar { display: none; }
.zomato-cat-bar .container { display: flex; gap: 15px; padding: 0 20px; }
.z-cat-btn { background: transparent; border: 2px solid transparent; color: var(--brown); padding: 8px 20px; border-radius: 50px; font-weight: 700; font-size: 14px; cursor: pointer; transition: all 0.3s ease; }
.z-cat-btn.active { background: rgba(139, 0, 0, 0.1); color: var(--red); border-color: var(--red); }

.z-product-card { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px dashed #EADFC8; }
.z-product-info { flex: 1; padding-right: 15px; }
.z-product-name { font-family: var(--font-heading); font-size: 18px; font-weight: 700; color: var(--brown); margin-bottom: 4px; }
.z-product-price { font-size: 15px; font-weight: 600; color: var(--brown-light); margin-bottom: 8px; }
.z-product-desc { font-size: 13px; color: #888; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.z-product-action { position: relative; width: 110px; height: 110px; flex-shrink: 0; }
.z-product-action img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.z-add-btn { position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); background: var(--white); color: var(--red); border: 1px solid #EADFC8; padding: 6px 20px; border-radius: 8px; font-weight: 800; font-size: 14px; box-shadow: 0 2px 8px rgba(0,0,0,0.15); cursor: pointer; transition: all 0.2s; }
.z-add-btn:active { transform: translateX(-50%) scale(0.95); }

.z-qty-controls { position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); background: var(--red); color: var(--white); border-radius: 8px; display: flex; align-items: center; justify-content: space-between; width: 80px; padding: 4px 8px; box-shadow: 0 2px 8px rgba(139,0,0,0.3); }
.z-qty-controls button { background: transparent; color: var(--white); font-size: 18px; font-weight: bold; cursor: pointer; border: none; }
.z-qty-controls span { font-weight: 700; font-size: 14px; }

@media (max-width: 768px) {
  body { padding-top: 65px !important; }
  .zomato-cat-bar { top: 65px; }
  .z-product-action { width: 90px; height: 90px; }
}