/** Shopify CDN: Minification failed

Line 199:0 Unexpected "}"
Line 240:0 Expected "}" to go with "{"

**/
.template-collection  .grid-product__content .grid-product__price .grid-product__price--original{
          color: #FF0000 !important;
}

.product__price {color: #FF0000;}

/* Style for the sale price only */
.product__price.on-sale {
  color: #961F48; /* Green color for the sale price */
  font-weight: bold; /* Makes the sale price bold */
  font-size: 1.6em; /* Adjusts the font size of the sale price (increase or decrease as needed) */
}

/* Maak de achtergrondkleur van de 'Toevoegen aan winkelwagen' knop groen */
button.add-to-cart {
    background-color: #961F48 !important; /* Groen kleur voor de knop */
    color: white !important; /* Zorg ervoor dat de tekst wit is */
    border: none !important; /* Verwijder eventuele rand */
    padding: 10px 20px; /* Voeg padding toe voor een betere uitstraling */
    cursor: pointer; /* Maak de cursor een pointer */
}

/* Optioneel: hover effect */
button.add-to-cart:hover {
    background-color: #961F48 !important; /* Donkerder groen bij hover */
}

span.grid-product__price--original {
    font-weight: normal; /* Maakt de originele prijs normaal */
}

.grid-product__price {
    font-weight: bold; /* Maakt de sale prijs vetgedrukt */
    color: #961F48; /* Maakt de sale prijs groen */
}

/* Standaard styling voor de originele prijs */
span.grid-product__price--original,
span.product-price__price--original {
    font-weight: normal; /* Maakt de originele prijs normaal */
    color: #FF0000; /* Maakt de originele prijs rood */
}

/* Standaard styling voor de sale prijs */
.grid-product__price,
.product-price__price--current {
    font-weight: bold; /* Maakt de sale prijs vetgedrukt */
    color: #961F48; /* Maakt de sale prijs groen */
}

.product-single__title {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
}

/* Zorg ervoor dat de container voor de prijzen geen onverwachte marges of uitlijning heeft */
.product-block--price {
    display: flex;
    align-items: center; /* Zorg ervoor dat de items verticaal uitgelijnd zijn */
    justify-content: flex-start; /* Zorg ervoor dat de items horizontaal naar links worden uitgelijnd */
    gap: 10px; /* Ruimte tussen de prijzen */
    margin: 20px 0 0 0; /* Verhoog de marge boven het blok */
    padding: 0; /* Verwijder padding om ongewenste uitlijning te voorkomen */
    text-align: left; /* Zorg ervoor dat de tekst links wordt uitgelijnd */
}

/* Specifieke stijlen voor de vergelijkingsprijs (oude prijs) */
.product__price--compare {
    font-size: 1.2em;
    text-decoration: line-through;
    color: #FF0000; /* Kleur van de vergelijkingsprijs (oude prijs) */
    margin: 0; /* Zorg ervoor dat er geen extra marges zijn */
    padding: 0; /* Zorg ervoor dat er geen extra padding is */
}

/* Specifieke stijlen voor de productprijs (nieuwe prijs) */
.on-sale {
    font-size: 1.5em;
    color: #000000; /* Kleur van de productprijs (nieuwe prijs) */
    font-weight: bold;
    margin: 0; /* Zorg ervoor dat er geen extra marges zijn */
    padding: 0; /* Zorg ervoor dat er geen extra padding is */
}

/* Optioneel: Als de unit price of andere elementen ook naar links moeten */
.product__unit-price {
    font-size: 0.9em;
    color: #666666; /* Voor de unit prijs, als je die hebt */
    margin: 0; /* Zorg ervoor dat er geen extra marges zijn */
    padding: 0; /* Zorg ervoor dat er geen extra padding is */
}

.aus-tr-slider-container {
  display: flex;
  justify-content: flex-start; /* Zorg ervoor dat de slider links uitgelijnd is */
  margin-bottom: 2px; /* Voeg ruimte onder de slider toe indien nodig */
}

.aus-tr-slider {
  margin: 0; /* Verwijder eventuele marges die de uitlijning kunnen beïnvloeden */
}

/* Algemene stijlen voor de variant swatch king */
variant-swatch-king {
    display: block; /* Zorg ervoor dat het een block element is voor uitlijning */
    width: 100%; /* Zorg ervoor dat het de volledige breedte gebruikt */
    max-width: 100%; /* Zorg ervoor dat het niet breder wordt dan de container */
}

/* Responsieve stijlen voor mobiele apparaten */
@media only screen and (max-width: 767px) { /* Pas de maximale breedte aan indien nodig */
    variant-swatch-king {
        margin: 0 auto; /* Centreert het element horizontaal */
        text-align: left; /* Zorg ervoor dat de inhoud naar links is uitgelijnd */
    }

    /* Zorg ervoor dat alle interne elementen ook correct worden uitgelijnd */
    .swatch-navigation-wrapper {
        text-align: left; /* Zorg ervoor dat de inhoud naar links is uitgelijnd */
        display: block; /* Zorg ervoor dat het block-level element is voor responsieve weergave */
    }

    .swatch-view {
        display: flex; /* Zorg ervoor dat de items flexibele uitlijning hebben */
        justify-content: flex-start; /* Zorg ervoor dat ze naar links uitgelijnd worden */
        flex-wrap: wrap; /* Zorg ervoor dat de items zich aanpassen bij een kleinere breedte */
    }

    .swatch-view-item {
        margin-right: 10px; /* Pas marge aan indien nodig */
    }
}


/* Geen rondingen en aangepaste schaduw voor de 'Add to Cart'-knop */
.btn.add-to-cart {
    border-radius: 0; /* Volledig rechte hoeken */
    box-shadow: 
        -2px 4px 2px rgba(0, 0, 0, 0.15),
        2px 4px 2px rgba(0, 0, 0, 0.15),
        0px 6px 4px rgba(0, 0, 0, 0.10);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Hover-effect: maak de schaduw subtiel sterker en verplaats de knop iets omhoog */
.btn.add-to-cart:hover {
    box-shadow: 
        -2px 6px 3px rgba(0, 0, 0, 0.2),  /* Iets sterker aan de linkerkant */
        2px 6px 3px rgba(0, 0, 0, 0.2),   /* Iets sterker aan de rechterkant */
        0px 8px 5px rgba(0, 0, 0, 0.15);  /* Iets sterker en bredere schaduw */
    transform: translateY(-2px); /* Lichte verplaatsing omhoog voor een zwevend effect */
}

/* Style for the sale badge */
.grid-product__tag--sale {
    background-color: #961F48 !important; /* Set background color */
    color: #FFFFFF !important; /* Optional: Change text color to white */
    border: none !important; /* Optional: Remove border if any */
}

/* Style the "Add to Cart" button */
.btn.btn--full.add-to-cart {
    background-color: #961F48 !important; /* Button background color */
    color: #FFFFFF !important; /* Button text color (set to white) */
    border: none; /* Remove border if desired */
}

/* Style the text inside the button */
.btn.btn--full.add-to-cart span {
    color: #ffffff !important; /* Ensure text color is black */
}
z
/* Style for aligning the Size Chart to the left */
.size-chart-container {
    display: flex; /* Uses flexbox for alignment control */
    justify-content: flex-start; /* Aligns child elements to the start (left) */
    margin: 0; /* Removes default margin */
    padding: 0; /* Removes default padding */
}

.best-fit-size-chart {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -4px;               /* move up a little more */
    vertical-align: middle;
    padding: 4px 8px;
    box-sizing: border-box;
    cursor: pointer;
}

}
/* Align product page title to the left on both mobile and desktop */
.product-single__title {
  text-align: left !important; /* Ensure title is aligned left on desktop */
}

/* Additional styles for responsive design */
@media (max-width: 767px) {
  .product-single__title {
    /* Ensure title is aligned left on mobile */
    text-align: left !important;
  }
}
.price__badge-sale {
    background-color: transparent !important; /* Geen achtergrondkleur */
    color: #961F48 !important; /* Kleur voor de tekst */
    padding: 0 !important; /* Geen padding, zodat het alleen tekst is */
    border-radius: 0 !important; /* Geen afgeronde hoeken */
    display: inline !important; /* Inline-weergave om uit te lijnen met tekst */
    vertical-align: middle !important; /* Lijnt de tekst uit met de normale prijs */
    font-weight: bold; /* Optioneel: Maakt de tekst vetgedrukt voor betere zichtbaarheid */
/* Verwijdert witruimte tussen de variant selector en de Add to Cart knop */
.product-form__controls-group {
    margin-bottom: 0 !important; /* Verwijdert de onderste marge van de variant selector */
}
@media screen and (max-width: 749px) {
  .product__variant-picker {
    justify-content: center !important;
    text-align: center !important;
  }
}
.badge.price__badge-sale {
  background-color: #961F48;
  color: white;
  padding: 4px 8px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
}