/** Shopify CDN: Minification failed

Line 49:0 Unexpected "}"

**/
/* De !important-vlag is hier weggehaald (9 aug 2026). Hij dwong 2px/16px marge
   af op elk prijsblok, ook op de herontworpen PDP waar de ruimte uit de padding
   van de blokken komt. De waarde blijft staan als terugval voor pagina's zonder
   het herontwerp — snelweergave, uitgelicht product — en doet daar precies wat
   hij deed. */
.product__price{
  display:flex; align-items:center; flex-wrap:wrap;
  gap:8px 12px; margin:2px 0 16px;
}

/* Verberg lege struck-prijs + lege korting → geen spook-gap, prijs flush links */
.product__price s:empty,
.product__price [data-discount-display]:empty{ display:none !important; }

/* De opmaak van de prijs stond hier (9 aug 2026 weggehaald): een eigen graad
   voor het bedrag, de streepprijs en de kortingsbadge, met twee !important-
   vlaggen erin. Die regels zijn van de vórige ronde en botsten met het
   herontwerp: gelijke specificiteit, later in de laadvolgorde, dus op desktop
   won 26 px van de 32 px die het ontwerp voorschrijft — precies het soort
   stille strijd waar dit bestand vol mee stond.

   De prijs hoort nu bij assets/cl-pdp.css, dat uit de goedgekeurde mockup komt.
   Snelweergave en uitgelicht product vallen terug op de opmaak van Stiletto;
   dat is dezelfde opmaak als vóór die ronde. */

/* TITEL — onder de prijs, strak erop.

   De twee !important-vlaggen zijn hier weggehaald (9 aug 2026). Ze dwongen
   24 px af op elke producttitel, ook op de herontworpen PDP waar de graad
   met de titellengte meebeweegt — 17 px bij een lange titel, 25 bij een korte.
   Met de vlag erin won deze regel van cl-pdp.css en stond elke titel weer op 24.

   De maten hieronder blijven staan als terugval voor pagina's waar het
   herontwerp niet geldt (snelweergave, uitgelicht product). Daar is niets aan
   veranderd: zonder een sterkere regel ernaast doet deze precies wat hij deed. */
.product__title{
  font-size:24px; line-height:1.2;
  letter-spacing:-.01em; margin:0 0 8px;
}

/* RITME — gaten dichttrekken */
.product__block:has(.trustpilot-rating){ margin-bottom:12px !important; }
.product__block--product-header{ margin-top:0 !important; }
}
@media (max-width:749px){
  .product__price [data-price]{ font-size:23px; }
}
/* De regels voor de betaalicons in de koopkolom stonden hier (9 aug 2026 weg).
   Die rij staat er niet meer: de vertrouwensrij noemt de betaalmethode van de
   markt, en twee keer dezelfde belofte onder elkaar leest als opvulling. Drie
   !important-vlaggen minder. */






/* CLR-CARDS-START — sterren + kleurentelling op product-cards (sober, geen thumbnails) */
.clr-stars{position:relative;display:inline-block;font-size:11px;letter-spacing:2px;line-height:1}
.clr-stars .clr-stars-bg{color:#d8d6cf}
.clr-stars .clr-stars-fg{position:absolute;left:0;top:0;color:#22292d;overflow:hidden;white-space:nowrap;width:var(--clr-pct,100%)}
.clr-card-stars{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#6a6a64;margin:3px 0 1px;min-height:15px}
.clr-card-stars .clr-stars{font-size:10px;letter-spacing:1.5px}
.clr-card-colors{font-size:10px;letter-spacing:.06em;color:#9c9b94;margin-top:3px}
/* thema's eigen "5 farbe,3 größe"-regel uit: vervangen door onze nette kleurentelling */
.product-item__swatch-count{display:none !important}
/* lange titels: max 2 regels zodat het grid rustig blijft */
.product-item__product-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* titel-typografie: sentence case i.p.v. uppercase (toont ~30% meer tekens vóór de
   afkap), rustiger gewicht/kleur — hiërarchie: foto → prijs → titel */
.product-item__product-title, .product-item__product-title a{
  text-transform:none !important; font-size:12px !important; letter-spacing:.01em !important;
  color:#3f3f3a !important; font-weight:400 !important; line-height:1.45 !important}
/* strakker grid op mobiel: was 18px rand + 13px gap (49px witruimte op 390px) →
   8px rand + 6px gap: foto's ~8% groter, edge-to-edge gevoel zoals grote fashion-sites */
@media (max-width:767px){
  .collection__main-area{padding-left:8px !important;padding-right:8px !important}
  .collection__products{column-gap:6px !important;row-gap:20px !important}
}
/* kortingschip op kaarten: zelfde taal als de PDP-prijsregel */
.clr-card-chip{background:rgba(210,20,4,.08);color:#d21404;font-size:9px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:3px;margin-left:4px;vertical-align:middle;white-space:nowrap}
/* CLR-CARDS-END */
