/* Success Box Modal */
.success-box-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.2);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.success-box-content {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 2px 16px rgba(0,0,0,0.12);
  min-width: 320px;
  max-width: 90vw;
}
:root{--accent:#6f42c1;--primary:#5a3fa7;--muted:#6c757d;--light-bg:#f8f9fa;--text-dark:#2c3e50;--text-light:#7f8c8d}
*{font-family:'Vazirmatn',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial}
body{background-image:url('../back.jpg');background-attachment:fixed;background-size:cover;background-position:center;color:var(--text-dark);padding-bottom:80px;position:relative}
body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.35);pointer-events:none;z-index:-1}
@media(min-width:768px){
  body{padding-bottom:0}
}
header h1{color:var(--text-dark);font-weight:700;margin-bottom:0.25rem}
header small{color:var(--text-light)}
.nav-pills .nav-link{white-space:nowrap;border-radius:8px;font-weight:500;color:#fff;transition:all 0.3s;padding:0.5rem 1rem;background:rgba(0,0,0,0.15);backdrop-filter:blur(5px)}
.nav-pills .nav-link.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(111,66,193,0.4)}
#categoryTabs{overflow-x:auto;overflow-y:hidden;padding:8px 0;margin:-8px -12px 0 -12px;padding-left:12px;padding-right:12px;flex-wrap:nowrap;scroll-behavior:smooth}
#categoryTabs::-webkit-scrollbar{height:4px}
#categoryTabs::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}
#categoryTabs::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}
.cart-bar{position:fixed;left:0;right:0;bottom:0;padding:12px 18px;border-top-left-radius:12px;border-top-right-radius:12px;background:#fff;border-top:1px solid #e9ecef;box-shadow:0 -6px 20px rgba(0,0,0,0.15);z-index:999}
.item-card{background:#fff;border-radius:12px;padding:12px;border:1px solid #e9ecef;transition:all 0.3s;box-shadow:0 4px 12px rgba(0,0,0,0.12)}
.item-card:hover{box-shadow:0 12px 28px rgba(111,66,193,0.25);border-color:var(--accent);transform:translateY(-4px)}
.item-card h6{color:var(--text-dark);font-weight:600;margin-bottom:0.25rem}
.item-img{width:100px;height:90px;object-fit:cover;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.15)}
.qty-input{width:72px;border-radius:6px;border:1px solid #ddd}
.qty-control{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--accent),var(--primary));padding:4px 8px;border-radius:6px;box-shadow:0 4px 12px rgba(111,66,193,0.35);width:fit-content}
.qty-btn{background:#fff;border:none;color:var(--accent);font-weight:700;font-size:0.9rem;width:26px;height:26px;border-radius:50%;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,0.15);padding:0;line-height:1}
.qty-btn:hover{background:var(--accent);color:#fff;transform:scale(1.1);box-shadow:0 4px 10px rgba(111,66,193,0.4)}
.qty-btn:active{transform:scale(0.95)}
.qty-display{color:#fff;font-weight:700;min-width:24px;text-align:center;font-size:0.95rem}
.floating-submit-btn:disabled{opacity:0.5;cursor:not-allowed}
.floating-submit-btn:disabled:hover{transform:translateX(-50%);box-shadow:0 4px 15px rgba(40,167,69,0.4)}
.hidden{display:none}
.submit-item{background:#28a745;color:#fff;border:none;transition:all 0.3s}
.floating-submit-btn{background:linear-gradient(135deg,var(--accent),var(--primary));color:#fff;border:none;padding:10px 24px;border-radius:6px;font-weight:700;font-size:0.9rem;box-shadow:0 6px 16px rgba(111,66,193,0.4);transition:all 0.3s;cursor:pointer}
.floating-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 10px 24px rgba(111,66,193,0.6);transform:translateY(-2px)}
.floating-submit-btn:active:not(:disabled){transform:scale(0.98)}
.floating-submit-btn:disabled{opacity:0.5;cursor:not-allowed}
.floating-submit-btn.hidden{display:none}
.desc{color:var(--text-light);font-size:0.9rem;line-height:1.4}
.price{color:var(--accent);font-weight:700;font-size:1.05rem}
.btn-outline-primary{color:var(--accent);border-color:var(--accent)}
.btn-outline-primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-primary{background:var(--accent);border-color:var(--accent)}
.btn-primary:hover{background:var(--primary);border-color:var(--primary)}
.btn-success{background:#28a745}
.modal-title{color:var(--text-dark);font-weight:700}
.list-group-item{border-color:#e9ecef}
.list-group-item .fw-bold{color:var(--text-dark)}
.list-group-item .small{color:var(--text-light)}
.hidden{display:none}
@media(min-width:768px){
  .item-img{width:140px;height:110px}
  .cart-bar{display:none}
}