body { font-family: 'Jost', Helvetica, sans-serif; color: #191919; }
.h   { font-family: 'Cormorant Garamond', Georgia, serif; }

#cart-panel   { transition: transform 0.35s cubic-bezier(0.4,0,0.2,1); }
#cart-overlay { transition: opacity 0.3s ease; }
.no-scroll::-webkit-scrollbar { display: none; }
.no-scroll { -ms-overflow-style: none; scrollbar-width: none; }

/* Checkout form */
.form-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form-label {
  font-size: 9px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #9ca3af;
}
.form-input {
  border: none;
  border-bottom: 1px solid #e5e7eb;
  padding: 0 0 10px 0;
  font-size: 13px;
  font-family: 'Jost', Helvetica, sans-serif;
  color: #191919;
  background: transparent;
  outline: none;
  width: 100%;
  transition: border-color 0.2s;
  border-radius: 0;
}
.form-input:focus {
  border-bottom-color: #191919;
}
.form-input::placeholder {
  color: #d1d5db;
  font-size: 12px;
}

/* Skeleton loader */
@keyframes shimmer {
  0%   { background-position: -600px 0; }
  100% { background-position:  600px 0; }
}
.skeleton {
  display: block;
  background: linear-gradient(90deg, #f0ece8 25%, #e8e2dc 50%, #f0ece8 75%);
  background-size: 1200px 100%;
  animation: shimmer 1.4s infinite linear;
}