.hooger-preparation-choice {
  background: color-mix(in srgb, var(--card, #ffffff) 94%, var(--accent, #f59e0b) 6%);
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 34%, var(--border, #e5e7eb));
  border-radius: 1.25rem;
  box-shadow: 0 1rem 2.2rem color-mix(in srgb, var(--accent, #f59e0b) 10%, transparent);
  direction: rtl;
  display: grid;
  gap: .85rem;
  grid-column: 1 / -1;
  margin: .1rem 0 .2rem;
  padding: 1rem;
  text-align: right;
}

.hooger-preparation-choice header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.hooger-preparation-choice header span {
  color: var(--accent, #f59e0b);
  font-size: .78rem;
  font-weight: 950;
}

.hooger-preparation-choice header strong {
  color: var(--foreground, #111827);
  font-size: .98rem;
  font-weight: 950;
}

.hooger-preparation-choice header em {
  background: color-mix(in srgb, var(--accent, #f59e0b) 14%, transparent);
  border-radius: 999px;
  color: var(--accent, #f59e0b);
  font-size: .72rem;
  font-style: normal;
  font-weight: 900;
  padding: .18rem .55rem;
}

.hooger-preparation-choice p {
  color: var(--muted-foreground, #64748b);
  font-size: .84rem;
  font-weight: 650;
  line-height: 1.9;
  margin: 0;
}

.hooger-preparation-choice__options {
  display: grid;
  gap: .55rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hooger-preparation-choice__options label {
  align-items: center;
  background: var(--card, #ffffff);
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 86%, transparent);
  border-radius: 1rem;
  color: var(--foreground, #111827);
  cursor: pointer;
  display: flex;
  font-size: .86rem;
  font-weight: 900;
  gap: .55rem;
  line-height: 1.7;
  min-height: 3rem;
  padding: .7rem .85rem;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.hooger-preparation-choice__options label:has(input:checked) {
  border-color: var(--accent, #f59e0b);
  box-shadow: inset 0 0 0 1px var(--accent, #f59e0b), 0 .8rem 1.8rem color-mix(in srgb, var(--accent, #f59e0b) 12%, transparent);
}

.hooger-preparation-choice__options input {
  accent-color: var(--accent, #f59e0b);
  flex: 0 0 auto;
}

.hooger-cart-item__prep {
  color: var(--accent, #f59e0b) !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
  margin-top: .15rem !important;
}

.hooger-preparation-loop-link {
  text-align: center;
}

@media (max-width: 520px) {
  .hooger-preparation-choice {
    border-radius: 1.05rem;
    padding: .85rem;
  }

  .hooger-preparation-choice__options {
    grid-template-columns: 1fr;
  }
}

html[data-theme="dark"] .hooger-preparation-choice,
html.hooger-dark .hooger-preparation-choice,
body.hooger-dark .hooger-preparation-choice,
.hooger-landing.hooger-dark .hooger-preparation-choice {
  background: color-mix(in srgb, var(--card, #162033) 90%, var(--accent, #f59e0b) 10%);
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 38%, var(--border, #334155));
}

html[data-theme="dark"] .hooger-preparation-choice__options label,
html.hooger-dark .hooger-preparation-choice__options label,
body.hooger-dark .hooger-preparation-choice__options label,
.hooger-landing.hooger-dark .hooger-preparation-choice__options label {
  background: color-mix(in srgb, var(--card, #162033) 92%, #ffffff 8%);
}

.hooger-preparation-choice {
  overflow: hidden;
}

.hooger-preparation-choice summary {
  align-items: center;
  cursor: pointer;
  display: grid;
  gap: .55rem;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  list-style: none;
  outline: none;
}

.hooger-preparation-choice summary::-webkit-details-marker {
  display: none;
}

.hooger-preparation-choice summary::after {
  align-items: center;
  background: color-mix(in srgb, var(--accent, #f59e0b) 12%, transparent);
  border-radius: .75rem;
  color: var(--accent, #f59e0b);
  content: "⌄";
  display: inline-flex;
  font-size: 1.05rem;
  font-weight: 950;
  height: 2rem;
  justify-content: center;
  transition: transform .18s ease;
  width: 2rem;
}

.hooger-preparation-choice[open] summary::after {
  transform: rotate(180deg);
}

.hooger-preparation-choice summary span {
  color: var(--accent, #f59e0b);
  font-size: .78rem;
  font-weight: 950;
}

.hooger-preparation-choice summary strong {
  color: var(--foreground, #111827);
  font-size: .98rem;
  font-weight: 950;
  min-width: 0;
}

.hooger-preparation-choice summary small,
.hooger-preparation-choice__hint {
  color: var(--muted-foreground, #64748b);
  font-size: .74rem;
  font-weight: 850;
}

.hooger-preparation-choice summary em {
  background: color-mix(in srgb, var(--accent, #f59e0b) 14%, transparent);
  border-radius: 999px;
  color: var(--accent, #f59e0b);
  font-size: .72rem;
  font-style: normal;
  font-weight: 900;
  padding: .18rem .55rem;
}

.hooger-preparation-choice__body {
  display: grid;
  gap: .75rem;
  padding-top: .75rem;
}

.hooger-preparation-choice__hint {
  display: block;
  line-height: 1.7;
}

.hooger-preparation-choice__hint[data-state="error"] {
  color: #dc2626;
}

.hooger-preparation-choice__options input:disabled + span {
  opacity: .48;
}

.hooger-preparation-choice__options label:has(input:disabled:not(:checked)) {
  cursor: not-allowed;
  opacity: .66;
}

@media (max-width: 520px) {
  .hooger-preparation-choice summary {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .hooger-preparation-choice summary small {
    grid-column: 1 / -1;
  }
}