/** Shopify CDN: Minification failed

Line 106:5 Unexpected ".5"
Line 107:5 Unexpected ".5"

**/
/* General styles */
#navigation {
  border-bottom: 1px solid grey;
}

#navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: white;
}

#navigation li {
  float: left;
}

#navigation li a {
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 1.2em; /* Larger text */
  border-bottom: 2px solid transparent;
}

#navigation li a:hover {
  color: darkgrey; /* Dark grey on hover */
}

#navigation li a:active,
#navigation li a.selected {
  border-bottom-color: black; /* Black underline for selected */
}
/* Mmobile NAv */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
}

/* Desktop styles */
.desktop-nav {
  display: block;
}

.artwork-container {
  display: none;
}

.card__content--modifyPrice {
  display: inline;
}

.bg-white { background-color: white; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-18 { padding-top: 24px; padding-bottom: 24px; }
.py-32 { padding-top: 8rem; padding-bottom: 8rem; }
.mx-auto { margin-right: auto; margin-left: auto; }
.max-w-2xl { max-width: 42rem; }
.text-center { text-align: center; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.font-bold { font-weight: bold; }
.tracking-tight { letter-spacing: -0.025em; }
.text-gray-900 { color: #1f2937; }
.mt-6 { margin-top: 1.5rem; }
.max-w-xl { max-width: 36rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.leading-8 { line-height: 2rem; }
.text-gray-600 { color: #4b5563; }
.mt-10 { margin-top: 2.5rem; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.gap-x-6 { column-gap: 1.5rem; }
.rounded-md { border-radius: 0.375rem; }
.bg-indigo-600 { background-color: #4f46e5; }
.px-3.5 { padding-left: 0.875rem; padding-right: 0.875rem; }
.py-2.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.font-semibold { font-weight: 600; }
.text-white { color: white; }
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.hover\:bg-indigo-500:hover { background-color: #4338ca; }
.focus-visible\:outline:focus-visible { outline: 2px solid transparent; outline-offset: 2px; }
.focus-visible\:outline-indigo-600:focus-visible { outline-color: #4f46e5; }
.leading-6 { line-height: 1.5rem; }
.font-inter { font-family: 'Inter', sans-serif; }
.font-semibold { font-weight: 600; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.leading-7 { line-height: 1.75rem; }
.text-gray-900 { color: #1f2937; }

/* Devider */ 
.relative {
  position: relative;
}

.absolute {
  position: absolute;
 
}

.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.flex {
  display: flex;
}

.items-center {
  align-items: center;
}

.w-full {
  width: 100%;
}

.border-t {
  border-top: 1px solid;
}

.border-gray-300 {
  border-color: #d1d5db; /* Tailwind gray-300 */
}

.justify-center {
  justify-content: center;
}

.bg-white {
  background-color: white;
}

.px-2 {
  padding-left: 0.5rem; /* 8px */
  padding-right: 0.5rem; /* 8px */
}

.text-sm {
  font-size: 0.875rem; /* Typically 14px */
}

.text-gray-500 {
  color: #6b7280; /* Tailwind gray-500 */
}