/** Shopify CDN: Minification failed

Line 89:0 Unexpected "{"
Line 89:1 Expected identifier but found "%"
Line 90:1 Unexpected "*"
Line 93:1 Expected identifier but found "%"

**/

/* Quantity Dropdown Styles */
.quantity-dropdown-wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}

.quantity-dropdown-wrapper select {
  width: 100%;
  padding: 12px 40px 12px 16px;
  font-size: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all 0.2s ease;
  font-family: inherit;
}

.quantity-dropdown-wrapper select:hover {
  border-color: rgba(0, 0, 0, 0.4);
}

.quantity-dropdown-wrapper select:focus {
  outline: none;
  border-color: #000;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.quantity-dropdown-wrapper::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #000;
  pointer-events: none;
}

.quantity-dropdown-wrapper ~ .quantity__button,
.quantity-dropdown-wrapper ~ button[name="plus"],
.quantity-dropdown-wrapper ~ button[name="minus"] {
  display: none !important;
}

@media (prefers-color-scheme: dark) {
  .quantity-dropdown-wrapper select {
    background-color: #2a2a2a;
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
  }
  
  .quantity-dropdown-wrapper select:hover {
    border-color: rgba(255, 255, 255, 0.4);
  }
  
  .quantity-dropdown-wrapper select:focus {
    border-color: #fff;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  }
  
  .quantity-dropdown-wrapper::after {
    border-top-color: #fff;
  }
}

@media (max-width: 768px) {
  .quantity-dropdown-wrapper select {
    font-size: 16px;
  }
}

{% comment %}
***********************************************
ENDE CSS-CODE
***********************************************
{% endcomment %}