/** Shopify CDN: Minification failed

Line 814:0 Unexpected "{"
Line 814:1 Expected identifier but found "%"
Line 815:26 Expected identifier but found whitespace
Line 815:27 Unexpected "\"Bekijk alle categorieën\""
Line 817:1 Expected identifier but found "%"
Line 819:0 Unexpected "<"
Line 822:7 Expected identifier but found "%"
Line 822:36 Unexpected "<"
Line 822:63 Unexpected "{"
Line 822:75 Expected ":"
... and 52 more hidden warnings

**/
/* assets/lura-mid-editorial-video.css
   Luræ Collective — Home Flow Master CSS (V14.0 • mobile-first • premium)
   Doel:
   - Intro: compact, volwassen, geen “kaart” en geen loze hoogte
   - Minder verticale spacing (scroll is kostbaar)
   - Featured op mobiel = 2 per rij
   - Subcollecties op mobiel = 3 naast elkaar
   - Inspiratie op mobiel = groot, stacked, editorial (niet kaart-achtig)
*/

.lura-home{
  /* warmere basis (jij vond eerdere achtergrond mooier) */
  --bg: #eee4d6;
  --bg-2:#f4ede2;
  --bg-3:#efece6;

  --ink:#1f1b16;
  --body: rgba(31,27,22,.82);
  --muted: rgba(31,27,22,.62);

  --line: rgba(31,27,22,.10);
  --line2: rgba(31,27,22,.14);

  --surface: rgba(255,255,255,.62);
  --surface2: rgba(255,255,255,.44);

  --shadow: 0 14px 36px rgba(18,12,8,.08);
  --shadow2: 0 10px 24px rgba(18,12,8,.06);

  --r: 18px;
  --r2: 26px;

  --pad: clamp(14px, 3.2vw, 22px);
  --gap: clamp(10px, 2.4vw, 16px);

  --cta: rgba(31,27,22,.92);
  --ctaText: rgba(255,255,255,.96);

  color: var(--body);
  background: var(--bg);
  position:relative;
  overflow-x: clip;
}

.lura-home[data-bg="beige"]{ background: var(--bg-2); }
.lura-home[data-bg="taupe"]{ background: var(--bg); }
.lura-home[data-bg="stone"]{ background: var(--bg-3); }

.lura-home[data-tone="clean"]{
  --line: rgba(31,27,22,.08);
  --shadow: 0 12px 28px rgba(18,12,8,.06);
}

.lura-home__inner{
  padding-top: clamp(10px, 3.2vw, 26px);
  padding-bottom: clamp(18px, 5vw, 60px);
}

/* minder verticale ruimte overall */
.lura-home__block{ margin-top: clamp(14px, 3.4vw, 28px); }
.lura-home__intro{ margin-top: 0; }

.lura-home :focus-visible{
  outline: 2px solid rgba(31,27,22,.28);
  outline-offset: 3px;
}

.lura-home__img{ width:100%; height:100%; object-fit:cover; display:block; }
.lura-home__ph{
  width:100%; height:100%;
  background: linear-gradient(135deg, rgba(31,27,22,.06), rgba(255,255,255,.14));
}

.lura-home .rte p{ margin: 0 0 10px; }
.lura-home .rte p:last-child{ margin-bottom: 0; }

/* Type */
.lura-home__kicker{
  margin:0 0 8px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color: var(--muted);
}
.lura-home__kicker-sm{
  margin:0 0 8px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color: var(--muted);
}

.lura-home__h2{
  margin:0;
  color: var(--ink);
  font-weight: 650;
  letter-spacing:-.02em;
  line-height: 1.18;
  font-size: clamp(18px, 2.2vw, 24px);
}
.lura-home__h2--intro{
  font-size: clamp(20px, 2.8vw, 28px);
  letter-spacing:-.03em;
}
.lura-home__h3{
  margin:0;
  color: var(--ink);
  font-weight: 740;
  letter-spacing:-.03em;
  line-height:1.10;
  font-size: clamp(20px, 2.5vw, 30px);
  max-width: 18ch;
}

.lura-home__sub{
  margin:6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  max-width: 70ch;
}
.lura-home__body{ font-size: 16px; line-height: 1.7; max-width: 62ch; }
.lura-home__body-sm{ color: var(--body); font-size: 15px; line-height: 1.65; max-width: 60ch; }

.lura-home__name{
  margin:0;
  color: var(--ink);
  font-weight: 620;
  letter-spacing:-.01em;
  line-height: 1.25;
  display:-webkit-box;
  -webkit-box-orient: vertical;
  overflow:hidden;
  -webkit-line-clamp: 2;
}
.lura-home__meta{ margin:0; }
.lura-home__price{ color: var(--ink); font-weight: 640; }
.lura-home__hint,
.lura-home__pair{
  margin:0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.lura-home__cta-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight: 620;
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 3px;
  opacity: .92;
}

/* Head + nav */
.lura-home__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 14px;
  margin-bottom: 10px;
}
.lura-home__head-copy{ display:grid; gap: 6px; }
.lura-home__nav{ display:flex; gap:8px; }
.lura-home__nav-btn{
  min-width:44px; min-height:44px;
  border-radius:999px;
  border:1px solid var(--line2);
  background: rgba(255,255,255,.46);
  color: var(--ink);
  cursor:pointer;
}

/* Buttons */
.lura-home__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding: .78rem 1.05rem;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 640;
  letter-spacing: -.01em;
  border: 1px solid var(--line2);
  transition: transform .18s ease, filter .18s ease;
  background: rgba(255,255,255,.46);
  color: var(--ink);
}
.lura-home__btn--primary{
  background: var(--cta);
  color: var(--ctaText);
  border-color: rgba(31,27,22,.42);
}
.lura-home__btn--ghost{
  background: rgba(255,255,255,.30);
  color: var(--ink);
}
.lura-home__btn:hover{ transform: translateY(-1px); filter: brightness(1.01); }

/* Surfaces (alleen waar het waarde toevoegt) */
.lura-home__slider,
.lura-home__story,
.lura-home__video{
  background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.52));
  border: 1px solid rgba(31,27,22,.08);
  box-shadow: var(--shadow);
  overflow:hidden;
  border-radius: 28px;
}

/* ----------------------------- Intro (compact, geen card-gevoel) ----------------------------- */
.lura-home__intro-wrap{
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.lura-home__intro-copy{
  padding: var(--pad);
  border-radius: 24px;
  border: 1px solid rgba(31,27,22,.10);
  background: rgba(255,255,255,.38);
  box-shadow: var(--shadow2);
  display:grid;
  gap: 10px;
}

/* intro body: max 2 regels gevoel (minder scroll) */
.lura-home__intro-body{
  display:-webkit-box;
  -webkit-box-orient: vertical;
  overflow:hidden;
  -webkit-line-clamp: 3;
}

/* trust als micro-proofs in 1–2 rijen */
.lura-home__trust{
  list-style:none;
  padding:0;
  margin: 2px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}
.lura-home__trust-item{
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,27,22,.12);
  background: rgba(255,255,255,.46);
  color: rgba(31,27,22,.72);
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

/* CTA pills compact, geen grote blokken */
.lura-home__intro-actions{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin-top: 6px;
}
.lura-home__pill{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 11px 14px;
  min-height: 44px;
  border-radius: 999px;
  text-decoration:none;
  color: var(--ink);
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(31,27,22,.14);
  font-weight: 640;
}
.lura-home__pill-arrow{ opacity:.85; }

/* ----------------------------- Rails ----------------------------- */
.lura-home__rail,
.lura-home__cats,
.lura-home__rv-track,
.lura-home__rv-match-track{
  display:flex;
  gap: 12px;
  overflow:auto;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 10px;
  padding: 4px 2px 10px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.lura-home__rail::-webkit-scrollbar,
.lura-home__cats::-webkit-scrollbar,
.lura-home__rv-track::-webkit-scrollbar,
.lura-home__rv-match-track::-webkit-scrollbar{ display:none; }

.lura-home__card{
  flex: 0 0 clamp(240px, 26vw, 320px);
  scroll-snap-align: start;
  position:relative;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(31,27,22,.10);
  border-radius: var(--r2);
  overflow:hidden;
  box-shadow: var(--shadow2);
}
.lura-home__card-hit{ display:block; text-decoration:none; color:inherit; }
.lura-home__card-media{
  aspect-ratio: 4 / 3;
  position:relative;
  background: rgba(31,27,22,.05);
}
.lura-home__card-copy{
  padding: 14px 16px 16px;
  display:grid;
  gap: 6px;
}

.lura-home__badge{
  position:absolute;
  top: 10px;
  left: 10px;
  padding: .28rem .6rem;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: rgba(255,255,255,.86);
  color: rgba(31,27,22,.92);
  border: 1px solid rgba(31,27,22,.10);
  backdrop-filter: blur(8px);
}
.lura-home__badge--muted{
  background: rgba(31,27,22,.72);
  color: rgba(255,255,255,.92);
  border-color: rgba(255,255,255,.14);
}
.lura-home__badge--scarcity{
  top: 10px;
  right: 10px;
  left: auto;
  background: rgba(18,12,8,.34);
  color: rgba(255,255,255,.92);
  border: 1px solid rgba(255,255,255,.18);
}
.lura-home__badge--scarcity[hidden]{ display:none !important; }

/* Quick add */
.lura-home__qa{ position:absolute; right: 10px; bottom: 10px; }
.lura-home__qa-btn{
  min-height:44px;
  border-radius:999px;
  border:1px solid rgba(31,27,22,.14);
  background: rgba(255,255,255,.70);
  color: var(--ink);
  padding: .65rem .9rem;
  font-weight: 720;
  cursor:pointer;
}
.lura-home__qa-btn[disabled]{ opacity:.55; cursor:not-allowed; }

/* Categories rail */
.lura-home__cat{
  flex: 0 0 120px;
  scroll-snap-align: start;
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.lura-home__cat-media{
  width: 110px; height: 110px;
  border-radius: 999px;
  overflow:hidden;
  border: 1px solid rgba(31,27,22,.12);
  background: rgba(255,255,255,.44);
}
.lura-home__cat-title{
  font-size: 13px;
  color: var(--ink);
  font-weight: 620;
  text-align:center;
}

/* Slider */
.lura-home__slider-track{
  display:flex;
  overflow:auto;
  scroll-snap-type: x mandatory;
  scrollbar-width:none;
}
.lura-home__slider-track::-webkit-scrollbar{ display:none; }
.lura-home__slide{
  flex: 0 0 100%;
  scroll-snap-align: start;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  min-height: clamp(320px, 40vw, 440px);
}
.lura-home__slide-media{ background: rgba(31,27,22,.05); }
.lura-home__slide-img{ width:100%; height:100%; display:block; object-fit: cover; aspect-ratio: 16 / 10; }
.lura-home__slide-ph{ aspect-ratio: 16 / 10; background: linear-gradient(135deg, rgba(31,27,22,.06), rgba(255,255,255,.14)); }
.lura-home__slide-copy{
  padding: var(--pad);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap: 10px;
}
.lura-home__dots{
  display:flex;
  gap:8px;
  justify-content:center;
  padding: 12px 14px 14px;
  background: rgba(255,255,255,.18);
  border-top: 1px solid rgba(31,27,22,.10);
}
.lura-home__dot{
  width: 10px; height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(31,27,22,.20);
  background: rgba(255,255,255,.40);
  cursor:pointer;
}
.lura-home__dot[aria-current="true"]{
  background: rgba(31,27,22,.85);
  border-color: rgba(31,27,22,.85);
}

/* Subcollections 3-up */
.lura-home__grid3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.lura-home__grid3--tight{ gap: 10px; }

.lura-home__col{
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
  border-radius: 22px;
  overflow:hidden;
  background: rgba(255,255,255,.44);
  border: 1px solid rgba(31,27,22,.10);
}
.lura-home__col-media{ aspect-ratio: 4 / 3; background: rgba(31,27,22,.05); }
.lura-home__col-copy{ padding: 12px 14px 14px; display:grid; gap:6px; }
.lura-home__col-body{ margin:0; color: var(--body); font-size: 14px; line-height: 1.55; }

/* Story */
.lura-home__story{ display:grid; grid-template-columns: 1.05fr .95fr; }
.lura-home__story-media{ background: rgba(31,27,22,.05); }
.lura-home__story-img{ width:100%; height:100%; display:block; object-fit: cover; aspect-ratio: 4 / 3; }
.lura-home__story-ph{ aspect-ratio: 4 / 3; background: linear-gradient(135deg, rgba(31,27,22,.06), rgba(255,255,255,.14)); }
.lura-home__story-copy{
  padding: var(--pad);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap: 10px;
}
.lura-home__story-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 8px; }

/* Featured */
.lura-home__feat-track{
  display:flex;
  gap: 12px;
  overflow:auto;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 10px;
  padding: 4px 2px 10px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.lura-home__feat-track::-webkit-scrollbar{ display:none; }

.lura-home__tile{
  flex: 0 0 clamp(220px, 24vw, 300px);
  scroll-snap-align: start;
  border-radius: 22px;
  overflow:hidden;
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(31,27,22,.10);
  box-shadow: var(--shadow2);
}
.lura-home__tile-hit{ display:block; text-decoration:none; color:inherit; }
.lura-home__tile-media{ aspect-ratio: 4 / 3; background: rgba(31,27,22,.05); position:relative; }
.lura-home__tile-copy{ padding: 12px 14px 14px; display:grid; gap:6px; }
[data-lura-zoom-hit]{ display:block; }

/* Duo */
.lura-home__duo{ display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.lura-home__hero-col{
  text-decoration:none;
  color:inherit;
  position:relative;
  border-radius: 28px;
  overflow:hidden;
  border: 1px solid rgba(31,27,22,.10);
  background: rgba(255,255,255,.28);
}
.lura-home__hero-col-media{ background: rgba(31,27,22,.05); position:relative; }
.lura-home__hero-col-img{ width:100%; height:100%; display:block; object-fit: cover; aspect-ratio: 16 / 10; }
.lura-home__hero-col-ph{ aspect-ratio: 16 / 10; background: linear-gradient(135deg, rgba(31,27,22,.06), rgba(255,255,255,.14)); }
.lura-home__hero-col-media::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.22) 100%);
  pointer-events:none;
}
.lura-home__hero-col-copy{
  position:absolute;
  left: 14px; right: 14px; bottom: 14px;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(12px);
  display:grid;
  gap: 6px;
}
.lura-home__hero-col-copy .lura-home__kicker-sm{ color: rgba(255,255,255,.86); }
.lura-home__hero-col-title{
  margin:0;
  color: rgba(255,255,255,.96);
  font-weight: 740;
  letter-spacing:-.03em;
  font-size: 18px;
}
.lura-home__hero-col-body{
  margin:0;
  color: rgba(255,255,255,.88);
  font-size: 13px;
  line-height: 1.5;
  display:-webkit-box;
  -webkit-box-orient: vertical;
  overflow:hidden;
  -webkit-line-clamp: 2;
}

/* Inspiration */
.lura-home__insp{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.lura-home__insp-card{
  text-decoration:none;
  color:inherit;
  border-radius: 28px;
  overflow:hidden;
  position:relative;
  border: 1px solid rgba(31,27,22,.10);
  background: rgba(255,255,255,.22);
}
.lura-home__insp-media{
  aspect-ratio: 16 / 11;
  position:relative;
  background: rgba(31,27,22,.05);
}
.lura-home__insp-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,0) 56%),
    linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,.14) 100%);
  pointer-events:none;
}
.lura-home__insp-copy{
  position:absolute;
  left: 14px; right: 14px; bottom: 14px;
  padding: 12px 12px 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(12px);
  display:grid;
  gap: 6px;
}
.lura-home__insp-copy::before{
  content:"";
  position:absolute;
  left: 10px;
  top: 12px;
  bottom: 12px;
  width: 2px;
  border-radius: 2px;
  background: rgba(255,255,255,.70);
  opacity: .85;
}
.lura-home__insp-copy .lura-home__name{
  color: rgba(255,255,255,.96);
  font-weight: 760;
  letter-spacing: -.02em;
  font-size: 18px;
}
.lura-home__insp-body{
  margin:0;
  color: rgba(255,255,255,.88);
  font-size: 13px;
  line-height: 1.45;
  display:-webkit-box;
  -webkit-box-orient: vertical;
  overflow:hidden;
  -webkit-line-clamp: 2;
}

/* Video */
.lura-home__video{ position:relative; }
.lura-home__video-el{ width:100%; display:block; aspect-ratio: 16 / 9; object-fit: cover; }
.lura-home__video-cap{
  position:absolute;
  left: 12px; bottom: 12px;
  margin:0;
  padding:.45rem .65rem;
  border-radius:999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(18,12,8,.30);
  color: rgba(255,255,255,.92);
  font-size: 12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter: blur(6px);
}

/* RV */
.lura-home__rv{
  flex: 0 0 clamp(220px, 24vw, 300px);
  scroll-snap-align: start;
  display:grid;
  grid-template-columns: 92px 1fr;
  gap: 12px;
  align-items: center;
  text-decoration:none;
  color:inherit;
  border-radius: 22px;
  overflow:hidden;
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(31,27,22,.10);
  padding: 10px 12px;
  box-shadow: var(--shadow2);
}
.lura-home__rv-media{
  width: 92px;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow:hidden;
  background: rgba(31,27,22,.05);
}
.lura-home__rv-copy{ display:grid; gap: 6px; }

/* Empty states */
.lura-home__empty{
  flex: 0 0 clamp(260px, 34vw, 420px);
  scroll-snap-align: start;
  border-radius: var(--r2);
  border: 1px dashed rgba(31,27,22,.18);
  background: rgba(255,255,255,.18);
  padding: 16px;
}
.lura-home__empty-title{ margin:0 0 6px; color: var(--ink); font-weight: 720; }
.lura-home__empty-body{ margin:0; color: var(--muted); font-size: 13px; line-height: 1.6; }

/* Zoom modal */
.lura-u-lock{ overflow:hidden; }

.lura-home__zoom{
  position:fixed;
  inset:0;
  z-index: 1100;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 18px;
  background: rgba(12,8,5,.50);
  backdrop-filter: blur(10px);
}
.lura-home__zoom[hidden]{ display:none !important; }

.lura-home__zoom-panel{
  width: min(920px, 100%);
  border-radius: 26px;
  background: rgba(245,240,232,.96);
  border: 1px solid rgba(31,27,22,.14);
  box-shadow: 0 30px 90px rgba(0,0,0,.22);
  overflow:hidden;
}
.lura-home__zoom-head{ padding: 10px 12px; border-bottom: 1px solid rgba(31,27,22,.10); }
.lura-home__zoom-close{
  min-width:44px; min-height:44px;
  border-radius: 14px;
  border:1px solid rgba(31,27,22,.14);
  background: rgba(255,255,255,.72);
  color: var(--ink);
  cursor:pointer;
}
.lura-home__zoom-media{ padding: 14px; }
.lura-home__zoom-img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 18px;
  border: 1px solid rgba(31,27,22,.10);
  background: rgba(255,255,255,.80);
}
.lura-home__zoom-backdrop{
  position:absolute;
  inset:0;
}

/* Responsive */
@media (max-width: 990px){
  .lura-home__slide{ grid-template-columns: 1fr; min-height: auto; }
  .lura-home__story{ grid-template-columns: 1fr; }
  .lura-home__duo{ grid-template-columns: 1fr; }
  .lura-home__insp{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}

@media (max-width: 760px){
  /* Best verkocht: bijna full-width */
  .lura-home__card{ flex-basis: 86%; }

  /* Intro: CTAs max 2 rijen, compact */
  .lura-home__intro-copy{ gap: 10px; }
  .lura-home__trust{ gap: 8px; }

  /* Subcollecties: 3 naast elkaar, compact */
  .lura-home__grid3{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .lura-home__col-media{ aspect-ratio: 1 / 1; }
  .lura-home__col-copy{ padding: 10px 10px 12px; gap: 4px; }
  .lura-home__col-body{ display:none; }

  /* Duo copy compacter */
  .lura-home__hero-col-copy{ left: 12px; right: 12px; bottom: 12px; padding: 10px; border-radius: 16px; }
  .lura-home__hero-col-body{ display:none; }

  /* RV ook bijna full width */
  .lura-home__rv{ flex-basis: 86%; }

  /* FEATURED op mobiel = 2 per rij */
  .lura-home__feat-track{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    overflow: visible;
    scroll-snap-type: none;
    padding: 0;
  }
  .lura-home__tile{
    flex: initial;
    width: 100%;
    scroll-snap-align: none;
  }
  [data-lura-section="featured"] .lura-home__nav{ display:none; }

  /* Inspiratie op mobiel: stacked editorial band */
  .lura-home__insp{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .lura-home__insp-media{ aspect-ratio: 5 / 4; }
  .lura-home__insp-copy{
    position:relative;
    left:auto; right:auto; bottom:auto;
    margin: -18px 12px 12px;
    border-radius: 20px;
    background: rgba(245,240,232,.94);
    border: 1px solid rgba(31,27,22,.10);
    backdrop-filter: blur(10px);
  }
  .lura-home__insp-copy::before{
    left: 12px;
    top: 14px;
    bottom: 14px;
    background: rgba(31,27,22,.46);
  }
  .lura-home__insp-copy .lura-home__name{
    color: var(--ink);
    font-weight: 740;
    font-size: 18px;
  }
  .lura-home__insp-body{ color: var(--muted); }
}

@media (prefers-reduced-motion: reduce){
  .lura-home__btn,
  .lura-home__nav-btn{ transition: none; }
}

{%- comment -%}
  Luræ — Alleen sectie: "Bekijk alle categorieën" (vervang jouw huidige categories-blok hiermee)
  Doel: geen ingezoomde thumbnails → instelbare crop + lichte zoom-out per categorie.
{%- endcomment -%}

<section class="lura-home__block lura-home__section" data-lura-section="categories" aria-label="{{ cats_title | default: 'Bekijk alle categorieën' | escape }}">
  <div class="lura-home__head">
    <div class="lura-home__head-copy">
      {%- if cats_title != blank -%}<h2 class="lura-home__h2">{{ cats_title | escape }}</h2>{%- endif -%}
      {%- if cats_sub != blank -%}<p class="lura-home__sub">{{ cats_sub | escape }}</p>{%- endif -%}
    </div>
  </div>

  <div class="lura-home__cats" role="list">
    {%- assign cats_count = 0 -%}

    {%- for block in section.blocks -%}
      {%- if block.type == 'category' -%}
        {%- assign cats_count = cats_count | plus: 1 -%}

        {%- liquid
          assign cat_link  = block.settings.link
          assign cat_title = block.settings.title

          assign pos_y = block.settings.pos_y | default: 35
          assign zoom  = block.settings.zoom  | default: 92

          assign img = block.settings.image
          if img == blank and block.settings.collection != blank
            assign img = block.settings.collection.featured_image
            if cat_title == blank
              assign cat_title = block.settings.collection.title
            endif
            if cat_link == blank
              assign cat_link = block.settings.collection.url
            endif
          endif
        -%}

        <a class="lura-home__cat" href="{{ cat_link | default: routes.all_products_collection_url }}" role="listitem" {{ block.shopify_attributes }}>
          <div class="lura-home__cat-media" style="--lura-cat-posy: {{ pos_y }}%; --lura-cat-zoom: {{ zoom }}%;">
            {%- if img != blank -%}
              {{ img
                | image_url: width: 440
                | image_tag:
                  class: 'lura-home__cat-img',
                  loading: 'lazy',
                  widths: '110, 160, 220, 320, 440',
                  sizes: '(max-width: 760px) 110px, 110px',
                  alt: cat_title | default: 'Categorie' | escape
              }}
            {%- else -%}
              <div class="lura-home__ph" aria-hidden="true"></div>
            {%- endif -%}
          </div>

          {%- if cat_title != blank -%}
            <div class="lura-home__cat-title">{{ cat_title | escape }}</div>
          {%- endif -%}
        </a>
      {%- endif -%}
    {%- endfor -%}

    {%- if cats_count == 0 -%}
      <div class="lura-home__empty" role="listitem" aria-label="Geen categorieën ingesteld">
        <p class="lura-home__empty-title">Categorieën</p>
        <p class="lura-home__empty-body">Voeg blocks toe van type “Categorie”.</p>
      </div>
    {%- endif -%}
  </div>

  {%- comment -%} Fix tegen ingezoomde look (mag later naar je CSS asset) {%- endcomment -%}
  <style>
    .lura-home__cat-media{ position: relative; }
    .lura-home__cat-img{
      width:100%;
      height:100%;
      display:block;
      object-fit: cover;
      object-position: center var(--lura-cat-posy, 35%);
      transform: scale(calc(var(--lura-cat-zoom, 92) / 100));
      transform-origin: center;
    }
  </style>
</section>
.lura-home__cat-media{
  position: relative;
  overflow: hidden;
  background: transparent; /* geen ‘witte’ fill zichtbaar */
}

/* zorg dat de img altijd de cirkel vult */
.lura-home__cat-img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center var(--lura-cat-posy, 35%);
  transform: none;              /* <-- belangrijk */
}

/* optioneel: kleine “veiligheids-bleed” voor subpixel randen */
.lura-home__cat-img{
  transform: scale(1.02);
  transform-origin: center;
}