.cat-tiles{margin:64px 0 0;max-width:100vw;min-width:0;overflow-x:hidden;overflow-x:clip}.cat-tiles__inner{max-width:var(--max-width);margin:0 auto;padding:0 20px;min-width:0}.cat-tiles__header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 18px;margin:0 0 18px}.cat-tiles__heading{font-family:var(--font-heading-family, inherit);font-size:20px;font-weight:700;color:var(--color-text);margin:0;text-align:left;line-height:1.2;letter-spacing:-.01em}.cat-tiles__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.cat-tiles__item{margin:0;padding:0;min-width:0}@media screen and (min-width:750px){.cat-tiles__item:nth-child(n+8){display:none}}.cat-tiles__link{display:flex;flex-direction:column;text-decoration:none;height:100%}.cat-tiles__link:focus-visible{outline:none}.cat-tiles__img-wrap{aspect-ratio:1 / 1;width:100%;background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.cat-tiles__link:hover .cat-tiles__img-wrap,.cat-tiles__link:focus-visible .cat-tiles__img-wrap{transform:translateY(-3px);box-shadow:0 8px 22px #00000014;border-color:var(--color-primary-light)}.cat-tiles__link:focus-visible .cat-tiles__img-wrap{outline:2px solid var(--color-primary);outline-offset:2px}.cat-tiles__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition)}.cat-tiles__link:hover .cat-tiles__img{transform:scale(1.05)}.cat-tiles__placeholder{font-size:32px;color:var(--color-text-light);line-height:1}.cat-tiles__title{display:block;text-align:center;padding:12px 4px 0;font-size:14px;font-weight:600;color:var(--color-text);line-height:1.3;transition:color var(--transition);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.cat-tiles__link:hover .cat-tiles__title,.cat-tiles__link:focus-visible .cat-tiles__title{color:var(--color-primary)}.cat-tiles__more-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--color-primary);text-decoration:none;transition:color var(--transition)}.cat-tiles__more-link:hover,.cat-tiles__more-link:focus-visible{color:var(--color-primary-hover);outline:none}.cat-tiles__more-arrow{display:inline-block;transition:transform var(--transition)}.cat-tiles__more-link:hover .cat-tiles__more-arrow{transform:translate(3px)}@media screen and (max-width:749px){.cat-tiles{margin-top:44px}.cat-tiles__inner{padding:0}.cat-tiles__header{padding:0 16px;margin-bottom:14px;gap:4px 14px}.cat-tiles__heading{font-size:20px}.cat-tiles__scroll-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline-start:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.cat-tiles__scroll-wrap::-webkit-scrollbar{display:none;width:0;height:0}.cat-tiles__grid{display:flex;flex-wrap:nowrap;gap:10px;padding:0 16px 4px;width:max-content}.cat-tiles__item{flex:0 0 140px;width:140px;scroll-snap-align:start}.cat-tiles__title{font-size:13px;padding:10px 4px 0}.cat-tiles__more-link{font-size:14px}}@media screen and (min-width:750px)and (max-width:989px){.cat-tiles__grid{gap:10px}.cat-tiles__title{font-size:13px;padding:10px 4px 0}}.cat-tiles__img-wrap{position:relative}.cat-tiles__korting{position:absolute;top:5px;right:5px;z-index:2;width:66px;height:66px;transform:rotate(-10deg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));pointer-events:none;transition:transform var(--transition)}.cat-tiles__link:hover .cat-tiles__korting,.cat-tiles__link:focus-visible .cat-tiles__korting{transform:rotate(-4deg) scale(1.08)}.cat-tiles__korting-ster{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bf-rood, var(--color-primary));color:#fff;clip-path:polygon(50% 0%,55.8% 5.9%,62.9% 1.7%,67% 8.9%,75% 6.7%,77.1% 14.7%,85.4% 14.6%,85.3% 22.9%,93.3% 25%,91.1% 33%,98.3% 37.1%,94.1% 44.2%,100% 50%,94.1% 55.8%,98.3% 62.9%,91.1% 67%,93.3% 75%,85.3% 77.1%,85.4% 85.4%,77.1% 85.3%,75% 93.3%,67% 91.1%,62.9% 98.3%,55.8% 94.1%,50% 100%,44.2% 94.1%,37.1% 98.3%,33% 91.1%,25% 93.3%,22.9% 85.3%,14.6% 85.4%,14.7% 77.1%,6.7% 75%,8.9% 67%,1.7% 62.9%,5.9% 55.8%,0% 50%,5.9% 44.2%,1.7% 37.1%,8.9% 33%,6.7% 25%,14.7% 22.9%,14.6% 14.6%,22.9% 14.7%,25% 6.7%,33% 8.9%,37.1% 1.7%,44.2% 5.9%);text-align:center;text-transform:uppercase;line-height:1;white-space:nowrap}.cat-tiles__korting-boven,.cat-tiles__korting-onder{font-size:8px;font-weight:900;letter-spacing:.04em}.cat-tiles__korting-pct{margin:1px 0;font-size:20px;font-weight:900;letter-spacing:-.03em}@media screen and (max-width:749px){.cat-tiles__korting{top:4px;right:4px;width:60px;height:60px}.cat-tiles__korting-boven,.cat-tiles__korting-onder{font-size:7.5px}.cat-tiles__korting-pct{font-size:18px}}@media(prefers-reduced-motion:reduce){.cat-tiles__korting{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/section-category-tiles.css.map */