/** Shopify CDN: Minification failed

Line 6:9 Unexpected "!"

**/
Top keuze! Dit is professioneel en future-proof. 🎯 Laten we het stap voor stap doen.
📝 Nieuw CSS bestand aanmaken in Sense
Stap 1: Maak het nieuwe asset bestand

Je zit nu in Edit code (online.shopify.com/store/pivata/themes/.../edit_code)
Scroll in de linker zijbalk naar de Assets folder
Bovenaan de Assets lijst zie je een knopje of link: "Add a new asset" (of "Een nieuw element toevoegen" in NL)
Klik erop
Er verschijnt een dialoog met opties → kies "Create a blank file" (Maak een leeg bestand)
Vul in:

Naam: vata-custom
Extensie: .css (kies uit dropdown)


Klik "Done" (Gereed)

✅ Resultaat: leeg bestand vata-custom.css is aangemaakt en geopend.

Stap 2: Plak de CSS code
In het lege bestand vata-custom.css, plak de volledige code hieronder:
css/* ============================================
   VATA Living - Custom Stylesheet
   Gemaakt voor Sense theme
   ============================================ */


/* --- VERWIJDER-KNOP IN WINKELWAGEN --- */

cart-remove-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-left: 1rem;
}

cart-remove-button .button--tertiary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  min-width: 4.4rem;
  min-height: 4.4rem;
  padding: 0;
  border: 1px solid rgba(18, 18, 18, 0.15);
  border-radius: 50%;
  background: transparent;
  color: #b8945f;
  cursor: pointer;
  transition: all 0.2s ease;
}

cart-remove-button .button--tertiary:hover {
  background: #b8945f;
  border-color: #b8945f;
  color: #ffffff;
}

cart-remove-button .svg-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

cart-remove-button .svg-wrapper svg {
  width: 1.6rem;
  height: 1.6rem;
}

/* Quantity wrapper layout: knop netjes naast aantal */
.cart-item__quantity-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* Mobiele weergave: zorg dat alles netjes op zijn plek staat */
@media screen and (max-width: 749px) {
  .cart-item__quantity-wrapper {
    justify-content: flex-start;
    gap: 0.8rem;
  }
  
  cart-remove-button .button--tertiary {
    width: 4rem;
    height: 4rem;
    min-width: 4rem;
    min-height: 4rem;
  }
  
  cart-remove-button:not(.hidden) {
    display: inline-flex !important;
  }
}

/* Verberg cart-remove-button alleen als can_remove expliciet false is */
cart-remove-button.hidden {
  display: none !important;
}