/* PICK CARD qty-stepper variants */
.pick-card.in-cart .qty-stepper{border-color:rgba(212,175,55,.4);background:var(--gold3);}
.pick-card.in-cart .qty-btn{background:var(--gold2);color:var(--dark);}
.pick-card.in-cart .qty-btn:hover{background:var(--gold);}
.pick-card .card-actions{margin-top:6px;}
.pick-card .qty-stepper{margin-top:6px;}
.pick-card .card-actions .qty-stepper{margin-top:0;}

/* STEP CONNECTOR — shop variant uses tighter offsets */
.step:not(:last-child)::after{left:calc(50% + 16px);width:calc(100% - 32px);background:#e2d9cc;}
.step.active:not(:last-child)::after{background:var(--green);}

/* UPI PAYMENT UI */
.upi-pay-heading{font-size:16px;font-weight:700;color:#111827;margin-bottom:6px;}
.upi-pay-sub{font-size:13px;color:#6b7280;line-height:1.6;margin-bottom:18px;}
.upi-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;}
.upi-app-link{
  display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;
  border:1.5px solid #e5e7eb;border-radius:14px;text-decoration:none;font-size:11px;
  font-weight:600;color:#374151;background:#fff;transition:.15s;text-align:center;
  -webkit-tap-highlight-color:transparent;
}
.upi-app-link:hover,.upi-app-link:active{border-color:var(--green);background:var(--green3);color:var(--green);}
.upi-app-logo{
  width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:14px;color:#fff;
}
.upi-gpay-logo{background:linear-gradient(135deg,#4285f4,#34a853);}
.upi-phonepe-logo{background:linear-gradient(135deg,#5f259f,#8b2be2);}
.upi-paytm-logo{background:linear-gradient(135deg,#00b9f5,#0073b7);}
.upi-bhim-logo{background:linear-gradient(135deg,#007c3f,#00b454);}
.upi-any-logo{background:linear-gradient(135deg,#374151,#6b7280);}
.upi-any-link{grid-column:span 4;}
.upi-fallback-hint{font-size:11px;color:#9ca3af;text-align:center;line-height:1.6;}
.upi-qr-wrap{
  display:flex;justify-content:center;margin-bottom:16px;
  background:#fff;border:2px solid var(--border);border-radius:20px;padding:12px;
  width:fit-content;margin-left:auto;margin-right:auto;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.upi-id-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 16px;font-size:13px;justify-content:center;}
.upi-id-label{color:#6b7280;}
.upi-id-text{color:var(--green);font-size:14px;letter-spacing:.5px;}
.upi-copy-btn{background:var(--green);color:#fff;border:none;padding:6px 14px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;font-family:'Outfit',sans-serif;transition:.2s;}
.upi-copy-btn.copied{background:var(--gold2);color:var(--dark);}

/* CONFIRMATION WHATSAPP BUTTONS */
.confirm-wa-btns{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0 12px;}
.confirm-wa-btn{
  background:#25D366;color:#fff;border:none;padding:12px 22px;border-radius:30px;
  font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;
  gap:8px;font-family:'Outfit',sans-serif;text-decoration:none;transition:.25s;
}
.confirm-wa-btn:hover{background:#1db954;}

@media(max-width:520px){
  .upi-app-grid{grid-template-columns:repeat(2,1fr);}
  .upi-any-link{grid-column:span 2;}
}

/* ── Shop filter bar ───────────────────────────────────────────────────── */
.shop-filters {
  margin: 8px auto 18px;
  padding: 16px 18px;
  background: var(--sf, #fff);
  border: 1px solid var(--brd, rgba(0,0,0,.08));
  border-radius: 16px;
  box-shadow: var(--sh, 0 4px 20px rgba(0,0,0,.05));
}
.shop-filter-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 14px;
}
.shop-filter-group { display: flex; flex-direction: column; gap: 6px; }
.shop-filter-label {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .8px;
  color: var(--tx3, #9c8a74);
}
.shop-filter-select,
.shop-filter-input {
  width: 100%;
  padding: 10px 12px;
  border: 1.5px solid var(--brd2, rgba(0,0,0,.14));
  border-radius: 10px;
  background: var(--s2, #F4EDE6);
  color: var(--tx, #4C2B08);
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
}
.shop-filter-select:focus,
.shop-filter-input:focus {
  outline: none;
  border-color: var(--gold, #6D3914);
}
.shop-filter-price { display: flex; align-items: center; gap: 8px; }
.shop-filter-price span { color: var(--tx3, #9c8a74); }
.shop-filter-price .shop-filter-input { min-width: 0; }
.shop-filter-toggles {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--brd, rgba(0,0,0,.08));
}
.shop-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border: 1.5px solid var(--brd2, rgba(0,0,0,.14));
  border-radius: 980px;
  font-size: 13px;
  font-weight: 700;
  color: var(--tx, #4C2B08);
  cursor: pointer;
  user-select: none;
}
.shop-filter-chip input { accent-color: var(--gold, #6D3914); cursor: pointer; }
.shop-filter-clear {
  background: transparent;
  border: none;
  color: var(--gold, #6D3914);
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
  font-family: 'Outfit', sans-serif;
}
.shop-filter-clear:hover { text-decoration: underline; }
@media (max-width: 520px) {
  .shop-filter-clear { margin-left: 0; }
}