/* fakecss:/opt/buildhome/repo/client/RadioLink.esbuild-svelte-fake-css */
a.svelte-eew6ub {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4px var(--spacing);
  border: 1px solid var(--accent_color);
  border-radius: 4px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  white-space: nowrap;
  background-color: var(--white);
  font-size: 14px;
}
a[data-large=true].svelte-eew6ub {
  align-items: flex-start;
  padding: 12px calc(var(--spacing));
  white-space: normal;
}
a[data-disabled=true].svelte-eew6ub {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: var(--light_color);
}
a.svelte-eew6ub:focus {
  outline: 2px solid var(--accent_color);
  outline-offset: 0;
}
a[data-active=true].svelte-eew6ub {
  background-color: var(--selected_color);
}

/* fakecss:/opt/buildhome/repo/client/ImageLinkLayout.esbuild-svelte-fake-css */
.image-link-layout.svelte-nv020b {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 20px;
  flex-grow: 1;
  align-self: stretch;
}
.image.svelte-nv020b {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: content;
}
.text.svelte-nv020b {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: stretch;
}

/* fakecss:/opt/buildhome/repo/client/PistolSizeSelector.esbuild-svelte-fake-css */
.pistol-size.svelte-11eufp1 {
  --base_image_width: 100px;
  @media (max-width: 1100px) {
    --base_image_width: 80px;
  }
  display: flex;
  flex-direction: row;
  gap: var(--spacing);
  justify-content: center;
  & > * {
    flex-basis: 0;
    flex-grow: 1;
  }
  @media (max-width: 800px) {
    flex-direction: column;
  }
}
.text_snippet.svelte-11eufp1 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) / 2);
}
small.svelte-11eufp1 {
  color: var(--lighter_foreground_text_color);
}

/* fakecss:/opt/buildhome/repo/client/FilterSelection.esbuild-svelte-fake-css */
.filter-selection.svelte-8b3y4w {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) / 2);
  --close: 4px;
}
@media (max-width: 800px) {
  .filter-selection.svelte-8b3y4w {
    --close: 2px;
  }
}
.explanation.svelte-8b3y4w {
  display: flex;
  flex-direction: column;
  gap: var(--close);
}
strong.svelte-8b3y4w {
  font-weight: 600;
  font-size: 14px;
  display: block;
}
small.svelte-8b3y4w {
  font-size: 12px;
  color: var(--lighter_foreground_text_color);
  line-height: 1.4;
  display: block;
}
.filter-options.svelte-8b3y4w {
  display: flex;
  gap: 6px;
  & > * {
    flex-basis: 0;
    flex-grow: 1;
  }
}

/* fakecss:/opt/buildhome/repo/client/index.esbuild-svelte-fake-css */
.container.svelte-15huzto {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  max-width: 1400px;
  box-sizing: border-box;
  gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 2);
}
.intro.svelte-15huzto {
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
}
details.svelte-15huzto {
  max-width: 600px;
  color: var(--light_color);
  &,
  & > div:where(.svelte-15huzto) {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) / 2);
  }
  & > div:where(.svelte-15huzto) {
    font-size: 16px;
    padding-bottom: var(--spacing);
  }
  summary:where(.svelte-15huzto) {
    cursor: pointer;
  }
}
.filters-and-results.svelte-15huzto {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(var(--spacing) * 1.5);
}
a.svelte-15huzto {
  color: var(--light_color);
}
.filters-pistol-size-selector.svelte-15huzto {
  display: none;
}
@media (max-width: 800px) {
  .filters-and-results.svelte-15huzto {
    flex-direction: column;
    align-items: center;
  }
  .products-grid.svelte-15huzto {
    align-self: stretch;
  }
  .intro.svelte-15huzto {
    align-items: center;
  }
  .intro.svelte-15huzto > :where(.svelte-15huzto) {
    width: 100%;
    max-width: 550px;
  }
  .intro-pistol-size-selector.svelte-15huzto {
    display: none;
  }
  .filters-pistol-size-selector.svelte-15huzto {
    display: block;
  }
}
.filters.svelte-15huzto {
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
  flex-basis: max(300px, 20%);
}
.products-grid.svelte-15huzto {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: var(--spacing);
  flex-grow: 1;
  @media (max-width: 1100px) {
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
  }
}
.no-results.svelte-15huzto {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  color: var(--dark_color);
}
.product-card.svelte-15huzto {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--spacing);
  border: 1px solid #ccc;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
  background-color: var(--white);
}
.product-card.svelte-15huzto:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.product-card.svelte-15huzto h3:where(.svelte-15huzto) {
  font-size: 14px;
  margin: 0 0 8px 0;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.product-card.svelte-15huzto img:where(.svelte-15huzto) {
  width: 100%;
  height: auto;
  object-fit: contain;
  margin-bottom: 8px;
}
.product-card.svelte-15huzto .price:where(.svelte-15huzto) {
  font-weight: bold;
  margin-top: auto;
}