/** Shopify CDN: Minification failed

Line 193:0 Unexpected "}"

**/
/* ===================== Lavorelle Product Grid (full) ===================== */
:root{
  --lv-primary:#E8BFC6;   /* roze */
  --lv-secondary:#F2D6CE; /* nude roze */
  --lv-text:#1A1A1A;
  --lv-bg:#FFFFFF;
  --lv-cta:#B89B72;
  --lv-radius:18px;

  /* pijlen-hoogte t.o.v. afbeeldingshoogte */
  --lv-arrow-top: 38%;   /* iets boven midden desktop */
}

/* ===== GRID layout ===== */
.lv-products{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: clamp(14px, 2vw, 20px);
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(8px, 2vw, 24px);
  background: var(--lv-bg);
}
.lv-products > .lv-card{ grid-column: span 12; }                         /* 1 per rij */
@media (min-width: 480px){ .lv-products > .lv-card{ grid-column: span 6; } }   /* 2 */
@media (min-width: 1024px){ .lv-products > .lv-card{ grid-column: span 4; } }  /* 3 */
@media (min-width: 1280px){ .lv-products > .lv-card{ grid-column: span 3; } }  /* 4 */

/* ===== SCROLL layout (als “Stack products” UIT staat) ===== */
.lv-products.lv-products--scroll{
  display:flex;
  overflow-x:auto;
  gap: 16px;
  padding: 12px 16px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  background:transparent;
}
.lv-products.lv-products--scroll::-webkit-scrollbar{ display:none; }

.lv-products.lv-products--scroll .lv-card{
  flex: 0 0 78%;
  max-width: 78%;
  scroll-snap-align: start;
}
@media (min-width:480px){
  .lv-products.lv-products--scroll .lv-card{ flex-basis: 55%; max-width:55%; }
}
@media (min-width:768px){
  .lv-products.lv-products--scroll .lv-card{ flex-basis: 40%; max-width:40%; }
}
@media (min-width:1024px){
  .lv-products.lv-products--scroll .lv-card{ flex-basis: 28%; max-width:28%; } /* ~4 zichtbaar */
}

/* ===== Kaarten ===== */
.lv-card{
  position:relative;
  border-radius:var(--lv-radius);
  background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.04), 0 1px 12px rgba(0,0,0,.04);
  transition:transform .25s ease, box-shadow .25s ease;
  padding:12px 12px 16px;
}
.lv-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 28px rgba(0,0,0,.10);
}

/* ===== Badge – langer, iets lager, roze ===== */
.lv-badge{
  position:absolute;
  top:18px; left:18px;
  z-index:2;
  display:inline-block;
  padding:8px 20px;
  font-size:12px;
  font-weight:700;
  border-radius:999px;     /* pill */
  background:var(--lv-primary);
  color:var(--lv-text);
  letter-spacing:.3px;
}

/* ===== Media – compacter op mobiel ===== */
.lv-media{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:4 / 5;                 /* standaard */
  border-radius:calc(var(--lv-radius) - 4px);
  overflow:hidden;
  background:#f6f6f6;
}
@media (max-width:480px){
  .lv-media{ aspect-ratio: 3 / 4; }   /* minder hoog op phones */
}
.lv-media img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.lv-card:hover .lv-media img{ transform:scale(1.03); }

/* ===== Titel & prijs – centreren + iets groter ===== */
.lv-title{
  margin:12px 4px 4px;
  text-align:center;
  font-size:clamp(17px, 1.8vw, 20px);
  font-weight:700;
  color:var(--lv-text);
}
.lv-price{
  margin:0 4px 16px;
  text-align:center;
  font-size:clamp(15px, 1.6vw, 18px);
  color:#222;
}
.lv-price--compare{
  margin-left:8px;
  text-decoration:line-through;
  opacity:.6;
  font-weight:500;
}

/* ===== CTA – echt centreren + roze ===== */
.lv-card form{ text-align:center; }
.lv-btn{
  display:inline-block;
  width:auto;
  min-width:180px;
  padding:14px 20px;
  margin:0 auto;
  border-radius:999px;
  border:none;
  background:var(--lv-primary);
  color:#fff;
  font-weight:800;
  letter-spacing:.2px;
  text-transform:none; /* “Add to Cart” exact zo */
  cursor:pointer;
  transition:filter .2s ease, transform .04s ease;
}
.lv-btn:hover{ filter:brightness(.95); }
.lv-btn:active{ transform:translateY(1px); }

/* ===== Arrow buttons (desktop-scroll) – hoger uitgelijnd ===== */
.lv-scroll-wrap{ position: relative; }
.lv-scroll-wrap .lv-nav{
  position: absolute;
  top: var(--lv-arrow-top);            /* hoger dan midden */
  transform: translateY(-50%);
  width: 40px; height: 40px;
  border: none;
  border-radius: 12px;
  background:#fff;
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
  cursor: pointer;
  font-size: 31px;
  line-height: 40px;
  text-align: center;
  z-index: 5;
  opacity: .95;
}
.lv-scroll-wrap .lv-prev{ left: 6px; }
.lv-scroll-wrap .lv-next{ right: 6px; }
.lv-scroll-wrap .lv-nav:hover{ box-shadow: 0 6px 22px rgba(0,0,0,.16); }
.lv-scroll-wrap .lv-nav:disabled{ opacity:.35; cursor: default; }

/* pijlen iets lager op kleinere schermen */
@media (max-width: 768px){
  :root{ --lv-arrow-top: 42%; }
}

/* Verberg pijlen wanneer stacked (grid) */
.lv-scroll-wrap.is-stacked .lv-nav{ display: none; }

.lv-full {
  position: relative;
  width: calc(100vw - 4rem);   /* totale breedte = 100vw - 4rem */
  left: 50%;
  margin-left: calc(-50vw + 2rem);  /* 2rem marge aan de linkerkant */
}


}
.lv-full .lv-products{
  max-width: none !important;
  width: 100vw !important;
  padding-left: clamp(24px, 6vw, 72px) !important;   /* ruimte links */
  padding-right: clamp(24px, 6vw, 72px) !important;  /* ruimte rechts */
  background: var(--lv-bg);
}
/* pijlen netjes binnen de gutters */
.lv-full .lv-prev{ left: clamp(12px, 6vw, 72px) !important; }
.lv-full .lv-next{ right: clamp(12px, 6vw, 72px) !important; }
/* ook in scroll-modus dezelfde gutters */
.lv-full .lv-products.lv-products--scroll{
  padding-left: clamp(24px, 6vw, 72px) !important;
  padding-right: clamp(24px, 6vw, 72px) !important;
}

/* ===== Extra compacte sizing ===== */
@media (min-width: 480px) and (max-width: 767px){
  .lv-products > .lv-card{ grid-column: span 4; }   /* 3 per rij */
  .lv-media{ aspect-ratio: 3 / 4; }
}
@media (max-width: 480px){
  .lv-card{ padding: 8px 8px 12px; }
  .lv-title{ font-size: 16px; }
  .lv-price{ font-size: 14px; margin-bottom: 12px; }
  .lv-btn{ min-width: 150px; padding: 12px 16px; }
  .lv-badge{ padding: 6px 14px; top: 12px; left: 12px; }
}
@media (max-width: 480px){
  .lv-products.lv-products--scroll .lv-card{ flex-basis: 62%; max-width: 62%; }
}
@media (min-width: 480px) and (max-width: 767px){
  .lv-products.lv-products--scroll .lv-card{ flex-basis: 42%; max-width: 42%; }
}
@media (min-width: 768px) and (max-width: 1023px){
  .lv-products.lv-products--scroll .lv-card{ flex-basis: 32%; max-width: 32%; }
}