.supplier-catalog{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--ink);color:#fff;padding:18px;margin-bottom:14px;border-left:5px solid var(--orange)}
.supplier-catalog div{display:grid;gap:5px}.supplier-catalog small{color:#68d3ca;font-weight:900;letter-spacing:.1em}.supplier-catalog b{font-size:19px}.supplier-catalog span{color:#cbd4d6;font-size:13px;line-height:1.4}.supplier-catalog a{flex:0 0 auto;background:var(--orange);color:#fff;text-decoration:none;font-weight:900;padding:12px 16px;border-radius:4px}
.catalog-reference{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;background:var(--cream);padding:4px 14px 12px;margin-bottom:20px}.catalog-reference label{margin:12px 0}.catalog-reference p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}.service-product{background:#f5f5f5}.service-product .mini-garment{opacity:.65}.filters{max-height:112px;overflow:auto}.product-grid{max-height:520px;overflow:auto;padding-right:5px}
.mini-garment[data-kind='Tasche']:before{width:58px;height:43px;top:20px;clip-path:polygon(0 15%,30% 15%,34% 0,66% 0,70% 15%,100% 15%,100% 100%,0 100%)}.mini-garment[data-kind='Tasche']:after{content:'TASCHE'}.mini-garment[data-kind='Cap']:before,.mini-garment[data-kind='Mütze']:before{height:43px;top:17px;clip-path:polygon(10% 70%,18% 25%,35% 3%,65% 3%,82% 25%,90% 70%,100% 82%,65% 88%,0 88%)}.mini-garment[data-kind='Cap']:after{content:'CAP'}.mini-garment[data-kind='Mütze']:after{content:'MÜTZE'}
.mini-garment[data-kind='Hose']:before{height:59px;clip-path:polygon(12% 0,88% 0,82% 48%,100% 100%,58% 100%,50% 55%,42% 100%,0 100%,18% 48%)}.mini-garment[data-kind='Hose']:after{content:'HOSE'}.mini-garment[data-kind='Kleid']:before{height:60px;clip-path:polygon(35% 0,65% 0,72% 17%,62% 25%,92% 100%,8% 100%,38% 25%,28% 17%)}.mini-garment[data-kind='Kleid']:after{content:'KLEID'}
.mini-garment[data-kind='Handtuch']:before,.mini-garment[data-kind='Heimtextil']:before{width:46px;height:58px;clip-path:none}.mini-garment[data-kind='Handtuch']:after{content:'HANDTUCH'}.mini-garment[data-kind='Heimtextil']:after{content:'HEIM'}.mini-garment[data-kind='Schürze']:before{height:60px;clip-path:polygon(30% 0,70% 0,82% 100%,18% 100%)}.mini-garment[data-kind='Schürze']:after{content:'SCHÜRZE'}
.mini-garment[data-kind='Regenschirm']:before{width:62px;height:56px;clip-path:polygon(0 30%,12% 8%,32% 0,50% 8%,68% 0,88% 8%,100% 30%,52% 30%,52% 100%,45% 100%,45% 30%)}.mini-garment[data-kind='Regenschirm']:after{content:'REGEN'}.mini-garment[data-kind='Schuh']:before{width:65px;height:38px;top:24px;clip-path:polygon(0 45%,28% 0,56% 10%,67% 45%,100% 64%,100% 100%,0 100%)}.mini-garment[data-kind='Schuh']:after{content:'SCHUH'}
.mini-garment[data-kind='Plüschtier']:before{height:58px;clip-path:polygon(15% 0,32% 12%,68% 12%,85% 0,100% 28%,80% 42%,78% 100%,22% 100%,20% 42%,0 28%)}.mini-garment[data-kind='Plüschtier']:after{content:'PLÜSCH'}.mini-garment[data-kind='Katalog']:before,.mini-garment[data-kind='POS']:before,.mini-garment[data-kind='Veredelung']:before{width:48px;height:58px;clip-path:polygon(0 0,76% 0,100% 20%,100% 100%,0 100%)}
@media(max-width:760px){.supplier-catalog{align-items:flex-start;flex-direction:column}.catalog-reference{grid-template-columns:1fr}.catalog-reference p{grid-column:1}}

/* Kategoriegetreue große Vorschau für Artikel, die kein klassisches Oberteil sind. */
.garment-canvas[data-kind='Cap'] .garment-svg,.garment-canvas[data-kind='Mütze'] .garment-svg,.garment-canvas[data-kind='Tasche'] .garment-svg,.garment-canvas[data-kind='Hose'] .garment-svg,.garment-canvas[data-kind='Kleid'] .garment-svg,.garment-canvas[data-kind='Handtuch'] .garment-svg,.garment-canvas[data-kind='Heimtextil'] .garment-svg,.garment-canvas[data-kind='Plüschtier'] .garment-svg,.garment-canvas[data-kind='Schürze'] .garment-svg,.garment-canvas[data-kind='Regenschirm'] .garment-svg,.garment-canvas[data-kind='Schuh'] .garment-svg,.garment-canvas[data-kind='Sportartikel'] .garment-svg,.garment-canvas[data-kind='Babybody'] .garment-svg,.garment-canvas[data-kind='Hemd'] .garment-svg,.garment-canvas[data-kind='Tunika'] .garment-svg,.garment-canvas[data-kind='Unterwäsche'] .garment-svg,.garment-canvas[data-kind='POS'] .garment-svg,.garment-canvas[data-kind='Katalog'] .garment-svg,.garment-canvas[data-kind='Veredelung'] .garment-svg{display:none}
.garment-canvas:before,.garment-canvas:after{content:'';position:absolute;display:none;background:var(--garment-color);border:2px solid #aeb6b8;filter:drop-shadow(0 18px 18px #18212625)}
.garment-canvas[data-kind='Cap']:before{display:block;left:14%;top:23%;width:68%;height:42%;border-radius:52% 52% 20% 20%/72% 72% 18% 18%;clip-path:polygon(7% 82%,12% 35%,29% 8%,54% 0,75% 13%,88% 48%,91% 72%,100% 78%,78% 91%,42% 96%,0 87%)}
.garment-canvas[data-kind='Mütze']:before{display:block;left:27%;top:12%;width:46%;height:64%;border-radius:48% 48% 12% 12%/35% 35% 8% 8%}
.garment-canvas[data-kind='Tasche']:before{display:block;left:19%;top:25%;width:62%;height:58%;border-radius:4%}
.garment-canvas[data-kind='Tasche']:after{display:block;left:34%;top:12%;width:32%;height:30%;background:transparent;border:10px solid var(--garment-color);border-bottom:0;border-radius:50% 50% 0 0}
.garment-canvas[data-kind='Hose']:before{display:block;left:24%;top:10%;width:52%;height:78%;clip-path:polygon(0 0,100% 0,90% 44%,100% 100%,58% 100%,50% 52%,42% 100%,0 100%,10% 44%)}
.garment-canvas[data-kind='Kleid']:before{display:block;left:18%;top:8%;width:64%;height:82%;clip-path:polygon(36% 0,64% 0,72% 16%,62% 25%,100% 100%,0 100%,38% 25%,28% 16%)}
.garment-canvas[data-kind='Handtuch']:before,.garment-canvas[data-kind='Heimtextil']:before{display:block;left:24%;top:10%;width:52%;height:80%;border-radius:2%}
.garment-canvas[data-kind='Heimtextil']:before{left:12%;top:22%;width:76%;height:58%}
.garment-canvas[data-kind='Schürze']:before{display:block;left:23%;top:8%;width:54%;height:82%;clip-path:polygon(30% 0,70% 0,84% 100%,16% 100%)}
.garment-canvas[data-kind='Regenschirm']:before{display:block;left:8%;top:16%;width:84%;height:68%;clip-path:polygon(0 38%,8% 14%,28% 0,50% 10%,72% 0,92% 14%,100% 38%,53% 38%,53% 100%,47% 100%,47% 38%)}
.garment-canvas[data-kind='Schuh']:before{display:block;left:10%;top:31%;width:80%;height:45%;clip-path:polygon(0 55%,28% 0,58% 11%,70% 50%,100% 70%,100% 100%,0 100%)}
.garment-canvas[data-kind='Plüschtier']:before{display:block;left:28%;top:21%;width:44%;height:64%;clip-path:polygon(12% 0,30% 13%,70% 13%,88% 0,100% 28%,80% 42%,80% 100%,20% 100%,20% 42%,0 28%)}
.garment-canvas[data-kind='Sportartikel']:before{display:block;left:20%;top:19%;width:60%;height:60%;border-radius:50%}
.garment-canvas[data-kind='Babybody']:before{display:block;left:19%;top:10%;width:62%;height:78%;clip-path:polygon(25% 0,40% 8%,60% 8%,75% 0,100% 17%,88% 43%,76% 35%,76% 66%,58% 100%,42% 100%,24% 66%,24% 35%,12% 43%,0 17%)}
.garment-canvas[data-kind='Hemd']:before{display:block;left:16%;top:8%;width:68%;height:82%;clip-path:polygon(25% 0,42% 9%,50% 18%,58% 9%,75% 0,100% 17%,88% 43%,76% 35%,76% 100%,24% 100%,24% 35%,12% 43%,0 17%)}
.garment-canvas[data-kind='Tunika']:before{display:block;left:18%;top:8%;width:64%;height:82%;clip-path:polygon(26% 0,42% 9%,58% 9%,74% 0,100% 18%,86% 43%,74% 34%,84% 100%,16% 100%,26% 34%,14% 43%,0 18%)}
.garment-canvas[data-kind='Unterwäsche']:before{display:block;left:22%;top:16%;width:56%;height:70%;clip-path:polygon(0 0,100% 0,88% 100%,58% 100%,50% 45%,42% 100%,12% 100%)}
.garment-canvas[data-kind='POS']:before,.garment-canvas[data-kind='Katalog']:before,.garment-canvas[data-kind='Veredelung']:before{display:block;left:25%;top:12%;width:50%;height:75%;clip-path:polygon(0 0,78% 0,100% 17%,100% 100%,0 100%)}

/* Zusätzliche unterschiedliche Kartenbilder. */
.mini-garment[data-kind='Babybody']:before{clip-path:polygon(25% 0,40% 8%,60% 8%,75% 0,100% 17%,88% 43%,76% 35%,76% 68%,58% 100%,42% 100%,24% 68%,24% 35%,12% 43%,0 17%)}.mini-garment[data-kind='Babybody']:after{content:'BABY'}
.mini-garment[data-kind='Hemd']:before,.mini-garment[data-kind='Tunika']:before{background:linear-gradient(90deg,#d9ddde 49%,#b4babd 50%,#d9ddde 51%)}.mini-garment[data-kind='Hemd']:after{content:'HEMD'}.mini-garment[data-kind='Tunika']:after{content:'TUNIKA'}
.mini-garment[data-kind='Unterwäsche']:before{height:58px;clip-path:polygon(0 0,100% 0,87% 100%,58% 100%,50% 45%,42% 100%,13% 100%)}.mini-garment[data-kind='Unterwäsche']:after{content:'WÄSCHE'}
.mini-garment[data-kind='Sportartikel']:before{width:55px;height:55px;border-radius:50%;clip-path:none}.mini-garment[data-kind='Sportartikel']:after{content:'SPORT'}