.main-navbar {
  background: linear-gradient(135deg, #EA580C, #DC2626);
}

.cart-badge {
  position: absolute;
  top: -2px;
  right: -10px;
  font-size: 10px;
}

.product-card {
  border: none;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease;
  height: 100%;
}
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.1);
}
.product-card .card-img-top {
  height: 190px;
  object-fit: cover;
  background: #eee;
}
.price-tag {
  font-weight: 700;
  color: #EA580C;
  font-size: 1.15rem;
}

.auth-card {
  max-width: 440px;
  margin: 40px auto;
  border-radius: 16px;
  border: none;
  box-shadow: 0 8px 30px rgba(0,0,0,.08);
}

.main-footer {
  background: #1f2430;
  color: #cfd3e0;
}

.footer-links {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 0;
  padding: 0;
}
.footer-links a {
  color: #cfd3e0;
  text-decoration: none;
  font-size: .92rem;
}
.footer-links a:hover {
  color: #fff;
  text-decoration: underline;
}

.static-page-card {
  max-width: 860px;
  margin: 0 auto;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0,0,0,.06);
  padding: 24px 18px;
}
.static-page-card h1 {
  font-weight: 800;
  margin-bottom: 8px;
}
.static-page-card h2 {
  font-weight: 700;
  font-size: 1.25rem;
  margin-top: 28px;
  margin-bottom: 10px;
  color: #EA580C;
}
.static-page-card p, .static-page-card li {
  color: #4b5160;
  line-height: 1.7;
}

.btn-primary {
  background: #EA580C;
  border-color: #EA580C;
}
.btn-primary:hover {
  background: #C2410C;
  border-color: #C2410C;
}

.qr-box {
  border: 2px dashed #EA580C;
  border-radius: 14px;
  padding: 20px;
  text-align: center;
  background: #fff;
}

.status-badge-paid { background:#16a34a; }
.status-badge-pending { background:#f59e0b; }
.status-badge-pending_review { background:#0ea5e9; }
.status-badge-failed, .status-badge-cancelled { background:#dc2626; }

.admin-sidebar {
  min-height: 100vh;
  background: linear-gradient(180deg, #71166c 0%, #8e2386 48%, #b52fa5 100%);
  color: #fff;
}
.admin-sidebar a {
  color: #cfd3e0;
  text-decoration: none;
  display: block;
  padding: 10px 16px;
  border-radius: 8px;
}
.admin-sidebar a:hover, .admin-sidebar a.active {
  background: rgba(255,255,255,.18);
  color: #fff; box-shadow: inset 3px 0 #ffd3ef;
}

/* ============================================================
   User Dashboard (my-orders.php) — unique, card-based design
   ============================================================ */
.dash-profile-card {
  display: flex;
  align-items: center;
  gap: 20px;
  background: linear-gradient(135deg, #EA580C, #DC2626);
  color: #fff;
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(234,88,12,.25);
}
.dash-avatar {
  flex-shrink: 0;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  border: 2px solid rgba(255,255,255,.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: 800;
}
.dash-profile-meta {
  color: rgba(255,255,255,.85);
  font-size: .92rem;
}

.dash-stat-card {
  border-radius: 16px;
  padding: 20px;
  height: 100%;
  color: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.dash-stat-icon {
  font-size: 1.4rem;
  margin-bottom: 6px;
  opacity: .9;
}
.dash-stat-blue   { background: linear-gradient(135deg,#EA580C,#F97316); }
.dash-stat-green  { background: linear-gradient(135deg,#16a34a,#22c55e); }
.dash-stat-amber  { background: linear-gradient(135deg,#f59e0b,#fbbf24); }
.dash-stat-purple { background: linear-gradient(135deg,#DC2626,#EF4444); }

.dash-order-card {
  background: #fff;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
  border-left: 4px solid #EA580C;
}
.dash-order-head h6 {
  color: #1f2430;
}

/* Store responsive refinements */
.cat-item .ring{border-radius:14px!important}.cat-item .ring img{object-fit:contain!important}.banner-row{scroll-behavior:smooth}.banner>img{object-fit:contain!important}.pcard .pimg img{object-fit:contain!important}.pcard .ptitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Category-wise home rows: products stay together, while every category gets its own section. */
.home-category-intro{padding-bottom:4px}
.category-product-section{padding-top:8px}
.category-product-section + .category-product-section{padding-top:4px}
.category-product-section .sec-title{font-size:1.12rem}
.category-product-section .sec-sub{margin-top:2px}
.category-hscroll .pcard{flex:0 0 min(38vw,210px)}
@media(max-width:480px){.category-hscroll .pcard{flex-basis:168px}}