.fara-sku,
.fara-single-sku {
  color: var(--muted, #5f7188);
  font-size: 0.9rem;
}

.fara-approx-price {
  font-weight: 800;
}

.fara-price-request {
  font-weight: 800;
  color: var(--accent, #2563eb);
}

.fara-order-buttons {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.6rem;
}

.fara-order-button {
  --fara-order-accent: var(--accent, #2563eb);
  --fara-order-accent-2: var(--accent-2, #22c1c3);
  border-radius: 999px;
  padding: 0.5rem 0.9rem;
  color: var(--fara-order-text, #0f1115) !important;
  text-decoration: none;
  font-size: 0.9rem;
  border: 1px solid color-mix(in srgb, var(--fara-order-accent), #ffffff 55%);
  background: linear-gradient(135deg, color-mix(in srgb, var(--fara-order-accent), #ffffff 85%) 0%, color-mix(in srgb, var(--fara-order-accent-2), #ffffff 85%) 100%);
  box-shadow: 0 10px 20px rgba(59, 130, 246, 0.18);
}

.fara-order-button-telegram {
  background: linear-gradient(135deg, color-mix(in srgb, var(--fara-order-accent), #ffffff 85%) 0%, color-mix(in srgb, var(--fara-order-accent-2), #ffffff 85%) 100%);
}

.fara-order-button-whatsapp {
  background: linear-gradient(135deg, color-mix(in srgb, var(--fara-order-accent), #ffffff 85%) 0%, color-mix(in srgb, var(--fara-order-accent-2), #ffffff 85%) 100%);
}

.fara-order-hint {
  display: block;
  width: 100%;
  color: var(--muted, #5f7188);
}

.fara-picker {
  --fara-picker-bg: linear-gradient(165deg, #ffffff 0%, #f8fbff 100%);
  --fara-picker-surface: #ffffff;
  --fara-picker-text: #0f172a;
  --fara-picker-muted: var(--muted, #5f7188);
  --fara-picker-line: var(--line, #d6e0ee);
  --fara-picker-thumb-bg: #f4f8ff;
  --fara-picker-thumb-line: #dde7f3;
  --fara-picker-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
  --fara-picker-card-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
  border: 1px solid var(--fara-picker-line);
  border-radius: 16px;
  background: var(--fara-picker-bg);
  padding: 1rem;
  margin-bottom: 1.2rem;
  box-shadow: var(--fara-picker-shadow);
  color: var(--fara-picker-text);
}

.fara-picker h2 {
  margin: 0 0 0.8rem;
  font-family: "Sora", "Segoe UI", sans-serif;
  font-size: clamp(1.3rem, 2.5vw, 1.9rem);
  color: var(--fara-picker-text);
}

.fara-picker-form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 0.7rem;
  align-items: end;
}

.fara-picker-form label {
  display: grid;
  gap: 0.35rem;
}

.fara-picker-form select {
  min-height: 42px;
  border: 1px solid var(--fara-picker-line);
  border-radius: 10px;
  background: var(--fara-picker-surface);
  color: var(--fara-picker-text);
  padding: 0.45rem 0.65rem;
}

.fara-picker.is-loading {
  opacity: 0.75;
}

.fara-picker-meta {
  margin-top: 0.75rem;
  color: var(--fara-picker-muted);
}

.fara-picker-results {
  margin-top: 0.8rem;
}

.fara-picker-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
}

.fara-picker-card {
  border: 1px solid var(--fara-picker-line);
  border-radius: 12px;
  background: var(--fara-picker-surface);
  padding: 0.7rem;
  box-shadow: var(--fara-picker-card-shadow);
}

.fara-picker-thumb img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 10px;
  background: var(--fara-picker-thumb-bg);
  border: 1px solid var(--fara-picker-thumb-line);
}

.fara-picker-title {
  font-size: 0.95rem;
  margin: 0.5rem 0;
  color: var(--fara-picker-text);
}

.fara-picker-price {
  margin-bottom: 0.4rem;
}

body.is-dark-theme .fara-picker,
body.dark .fara-picker,
body.dark-theme .fara-picker,
body[class*="dark-theme"] .fara-picker,
body[data-theme="dark"] .fara-picker,
[data-theme="dark"] .fara-picker,
.fara-picker.fara-picker--dark {
  --fara-picker-bg: linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(2, 6, 23, 0.92) 100%);
  --fara-picker-surface: rgba(15, 23, 42, 0.75);
  --fara-picker-text: #f8fafc;
  --fara-picker-muted: #cbd5e1;
  --fara-picker-line: rgba(255, 255, 255, 0.18);
  --fara-picker-thumb-bg: rgba(15, 23, 42, 0.75);
  --fara-picker-thumb-line: rgba(255, 255, 255, 0.16);
  --fara-picker-shadow: 0 16px 34px rgba(2, 6, 23, 0.45);
  --fara-picker-card-shadow: 0 12px 24px rgba(2, 6, 23, 0.35);
}

.fara-picker[data-scheme="light"] {
  --fara-picker-bg: linear-gradient(165deg, #ffffff 0%, #f8fbff 100%);
  --fara-picker-surface: #ffffff;
  --fara-picker-text: #0f172a;
  --fara-picker-muted: var(--muted, #5f7188);
  --fara-picker-line: var(--line, #d6e0ee);
  --fara-picker-thumb-bg: #f4f8ff;
  --fara-picker-thumb-line: #dde7f3;
  --fara-picker-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
  --fara-picker-card-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

@media (prefers-color-scheme: dark) {
  .fara-picker {
    --fara-picker-bg: linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(2, 6, 23, 0.92) 100%);
    --fara-picker-surface: rgba(15, 23, 42, 0.75);
    --fara-picker-text: #f8fafc;
    --fara-picker-muted: #cbd5e1;
    --fara-picker-line: rgba(255, 255, 255, 0.18);
    --fara-picker-thumb-bg: rgba(15, 23, 42, 0.75);
    --fara-picker-thumb-line: rgba(255, 255, 255, 0.16);
    --fara-picker-shadow: 0 16px 34px rgba(2, 6, 23, 0.45);
    --fara-picker-card-shadow: 0 12px 24px rgba(2, 6, 23, 0.35);
  }
}

@media (max-width: 900px) {
  .fara-picker-form {
    grid-template-columns: 1fr;
  }

  .fara-picker-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}