/* FreeShippingProgress — Salamura göstergesi (brief §5 + Salamura Camı 2026-07-24).
 * Kalın brine tüpü: sepet doldukça salamura yükselir, öndeki dalga çalkalanır,
 * içinde kabarcıklar çıkar; eşik aşılınca kutlama nabzı. Metin bilgiyi taşır. */

.cc_aEBpe1wkQX_SWjKe9v4xU .kargo-cubugu, .cc_aEBpe1wkQX_header .kargo-cubugu {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.cc_aEBpe1wkQX_SWjKe9v4xU .kargo-cubugu__metin, .cc_aEBpe1wkQX_header .kargo-cubugu__metin {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-small);
  color: var(--murekkep-2);
}

.cc_aEBpe1wkQX_SWjKe9v4xU .kargo-cubugu--tamam .kargo-cubugu__metin, .cc_aEBpe1wkQX_header .kargo-cubugu--tamam .kargo-cubugu__metin {
  color: var(--salamura);
  font-weight: 600;
}

.cc_aEBpe1wkQX_SWjKe9v4xU .kargo-cubugu__ray, .cc_aEBpe1wkQX_header .kargo-cubugu__ray {
  position: relative;
  height: 1.625rem; /* kalın tüp (26px) */
  border-radius: var(--r-hap);
  background: linear-gradient(
    to bottom,
    rgba(46, 91, 51, 0.16),
    rgba(46, 91, 51, 0.07) 55%,
    rgba(255, 255, 255, 0.35)
  );
  box-shadow: inset 0 2px 4px rgba(32, 48, 30, 0.22), inset 0 -1px 0 rgba(255, 255, 255, 0.6);
  overflow: hidden;
}

.cc_aEBpe1wkQX_SWjKe9v4xU .kargo-cubugu__dolgu, .cc_aEBpe1wkQX_header .kargo-cubugu__dolgu {
  position: absolute;
  inset: 0 auto 0 0;
  min-width: 1.625rem;
  overflow: hidden;
  border-radius: var(--r-hap);
  background: var(--salamura-dolgu);
  transition: width var(--sure-yavas) var(--gecis);
}

.cc_aEBpe1wkQX_SWjKe9v4xU .kargo-cubugu--tamam .kargo-cubugu__dolgu, .cc_aEBpe1wkQX_header .kargo-cubugu--tamam .kargo-cubugu__dolgu {
  background: var(--salamura-dolgu-acik);
}

/* sloshing wave at the brine's leading edge */
.cc_aEBpe1wkQX_SWjKe9v4xU .kargo-cubugu__dalga, .cc_aEBpe1wkQX_header .kargo-cubugu__dalga {
  position: absolute;
  top: 0;
  right: -0.5rem;
  width: 1.375rem;
  height: 100%;
  background: radial-gradient(60% 130% at 100% 50%, transparent 58%, rgba(255, 255, 255, 0.55) 60%, transparent 74%);
  animation: cc_aEBpe1wkQX_salamura-calkala 2.2s ease-in-out infinite;
}

/* bubbles rising inside the brine */
.cc_aEBpe1wkQX_SWjKe9v4xU .kargo-cubugu__kabarcik, .cc_aEBpe1wkQX_header .kargo-cubugu__kabarcik {
  position: absolute;
  bottom: -0.375rem;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  animation: cc_aEBpe1wkQX_salamura-kabarcik 2.6s ease-in infinite;
}
.cc_aEBpe1wkQX_SWjKe9v4xU .kargo-cubugu__kabarcik:nth-of-type(2), .cc_aEBpe1wkQX_header .kargo-cubugu__kabarcik:nth-of-type(2) { animation-delay: 0.9s; }
.cc_aEBpe1wkQX_SWjKe9v4xU .kargo-cubugu__kabarcik:nth-of-type(3), .cc_aEBpe1wkQX_header .kargo-cubugu__kabarcik:nth-of-type(3) { animation-delay: 1.6s; }

/* top shine on the glass tube */
.cc_aEBpe1wkQX_SWjKe9v4xU .kargo-cubugu__parlama, .cc_aEBpe1wkQX_header .kargo-cubugu__parlama {
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  top: 0.25rem;
  height: 0.375rem;
  border-radius: var(--r-hap);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), transparent);
  pointer-events: none;
}

/* celebratory pulse when the jar fills (reduced-motion gated globally) */
.cc_aEBpe1wkQX_SWjKe9v4xU .kargo-cubugu--tamam .kargo-cubugu__ray, .cc_aEBpe1wkQX_header .kargo-cubugu--tamam .kargo-cubugu__ray {
  animation: salamura-doldu-nabiz 0.5s ease-out;
}
@keyframes salamura-doldu-nabiz {
  0% { transform: scale(1); }
  35% { transform: scale(1.02); }
  100% { transform: scale(1); }
}