.mm{max-width:var(--page-max-width, 1440px);margin:0 auto;padding:2rem 1rem 8rem;font-family:var(--font-body);color:var(--color-text-primary)}.mm__hero{text-align:center;margin-bottom:1.5rem}.mm__title{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);color:var(--color-secondary);margin:0 0 .5rem}.mm__intro{color:var(--color-text-secondary);max-width:42rem;margin:0 auto 1rem;line-height:1.5}.mm__meter{position:sticky;top:.75rem;z-index:10;background:var(--color-surface);border:1px solid rgba(27,59,54,.1);border-radius:16px;box-shadow:var(--shadow-md, 0 4px 16px rgba(27,59,54,.12));padding:1rem 1.25rem;margin-bottom:1.5rem}.mm__meter-inner{display:flex;flex-direction:column;gap:.75rem}.mm__meter-info{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.mm__meter-count{font-size:1.1rem;font-weight:600;color:var(--color-secondary)}.mm__meter-max{font-weight:400;color:var(--color-text-muted);margin-left:.25rem}.mm__meter-prijs{display:flex;align-items:baseline;gap:.5rem}.mm__meter-prijs-oud{color:var(--color-text-muted);text-decoration:line-through;font-size:.95rem}.mm__meter-prijs-oud:empty{display:none}.mm__meter-prijs-nu{font-size:1.5rem;font-weight:700;color:var(--color-primary);font-family:var(--font-heading)}.mm__slider{padding:.5rem 0 1rem}.mm__slider-track{position:relative;height:12px;background:var(--color-surface-warm);border-radius:999px;display:flex;align-items:center}.mm__slider-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:999px;transition:width .3s ease}.mm__slider-stop{position:absolute;top:50%;width:24px;height:24px;margin-left:-12px;background:var(--color-surface);border:2px solid var(--color-accent-green);border-radius:50%;cursor:pointer;transform:translateY(-50%);padding:0;display:flex;align-items:center;justify-content:center;z-index:2}.mm__slider-stop[data-stop="0"]{left:0%}.mm__slider-stop[data-stop="1"]{left:12.5%}.mm__slider-stop[data-stop="2"]{left:25%}.mm__slider-stop[data-stop="3"]{left:37.5%}.mm__slider-stop[data-stop="4"]{left:50%}.mm__slider-stop[data-stop="5"]{left:62.5%}.mm__slider-stop[data-stop="6"]{left:75%}.mm__slider-stop[data-stop="7"]{left:87.5%}.mm__slider-stop[data-stop="8"]{left:100%}.mm__slider-stop--reached{background:var(--color-primary);border-color:var(--color-primary)}.mm__slider-stop--reached .mm__slider-stop-label{color:#fff}.mm__slider-stop-label{font-size:.65rem;font-weight:600;color:var(--color-text-muted)}.mm__slider-thumb{position:absolute;top:50%;left:0;width:36px;height:36px;margin-left:-18px;cursor:grab;transform:translateY(-50%);transition:left .3s ease;z-index:3;filter:drop-shadow(0 2px 4px rgba(27,59,54,.2))}.mm__slider-thumb svg{width:100%;height:100%}.mm__slider-thumb--celebrate{animation:mm-celebrate .5s ease}@keyframes mm-celebrate{0%,to{transform:translateY(-50%) rotate(0) scale(1)}50%{transform:translateY(-50%) rotate(15deg) scale(1.2)}}@media(prefers-reduced-motion:reduce){.mm__slider-fill,.mm__slider-thumb{transition:none}.mm__slider-thumb--celebrate{animation:none}}.mm__meter-nudge{margin:0;color:var(--color-secondary);font-size:.9rem;min-height:1.5em;text-align:center}.mm__meter-nudge strong{color:var(--color-primary);font-weight:700}.mm__filters{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:1rem 0;border-bottom:1px solid rgba(27,59,54,.1)}.mm__filter-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.mm__filter-label{font-size:.9rem;color:var(--color-text-secondary);font-weight:500;margin-right:.25rem}.mm__filter-btn{background:var(--color-surface);border:1px solid var(--color-accent-green);color:var(--color-secondary);padding:.4rem .9rem;border-radius:999px;font-size:.85rem;cursor:pointer;transition:all .2s}.mm__filter-btn:hover{background:var(--color-surface-warm)}.mm__filter-btn--active{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.mm__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.mm-card{background:var(--color-surface);border:1px solid rgba(27,59,54,.08);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.mm-card:hover{box-shadow:var(--shadow-card, 0 4px 20px rgba(27,59,54,.1));transform:translateY(-2px)}.mm-card--in-box{border-color:var(--color-primary);box-shadow:0 0 0 2px #e07b4c33}.mm-card__image{position:relative;aspect-ratio:1 / 1;background:var(--color-surface-warm);overflow:hidden}.mm-card__image img{width:100%;height:100%;object-fit:cover}.mm-card__image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:3rem}.mm-card__pot{position:absolute;top:.5rem;left:.5rem;background:#fffffff2;color:var(--color-secondary);padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.mm-card__body{padding:.75rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.mm-card__title{margin:0;font-size:.95rem;font-weight:600;color:var(--color-secondary);line-height:1.3}.mm-card__meta{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.75rem;color:var(--color-text-secondary)}.mm-card__meta-item{white-space:nowrap}.mm-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem}.mm-card__price{font-weight:700;color:var(--color-primary)}.mm-card__qty{display:flex;align-items:center;gap:.25rem;background:var(--color-surface-warm);border-radius:999px;padding:.15rem}.mm-card__qty-btn{width:28px;height:28px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-accent-green);color:var(--color-secondary);font-weight:700;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.mm-card__qty-btn:hover:not(:disabled){background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.mm-card__qty-btn:disabled{opacity:.4;cursor:not-allowed}.mm-card__qty-value{min-width:22px;text-align:center;font-weight:600;color:var(--color-secondary)}.mm__cta{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);padding:1rem;box-shadow:0 -4px 16px #1b3b3614;z-index:20;text-align:center}.mm__cta-btn{width:100%;max-width:320px;padding:.9rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.mm__cta-btn:hover:not(:disabled){background:var(--color-primary-hover)}.mm__cta-btn:disabled{background:var(--color-text-muted);cursor:not-allowed}.mm__cta-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--color-text-secondary)}.mm__empty{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--color-text-muted)}@media(max-width:600px){.mm{padding:1rem .75rem 7rem}.mm__meter{position:fixed;bottom:70px;top:auto;left:.5rem;right:.5rem;padding:.75rem 1rem}.mm__grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.mm-card__title{font-size:.85rem}.mm-card__body{padding:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mix-match.css.map */