.df-wrapper{max-width:1200px;margin:0 auto;padding:20px 16px}.df-hero{background:#161616;border:1px solid #2a2a2a;border-radius:16px;padding:40px;margin-bottom:40px;color:#f2f2f2;text-align:center}.df-hero h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;margin:0 0 10px;color:#fff}.df-hero p{font-size:1rem;opacity:.6;margin:0 0 32px}.df-controls{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;max-width:640px;margin:0 auto}.df-select-group{flex:1;min-width:220px;text-align:left}.df-select-group label{display:block;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#aaa;margin-bottom:8px}.df-select{width:100%;padding:13px 16px;border-radius:10px;border:1.5px solid #333;background:#111;color:#f2f2f2;font-size:.95rem;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23aaa' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .2s}.df-select:focus{outline:none;border-color:#666}.df-select:disabled{opacity:.35;cursor:not-allowed}.df-select option{background:#1a1a1a;color:#f2f2f2}.df-dachlast-badge{display:none;align-items:center;gap:10px;justify-content:center;margin-top:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 20px;font-size:.9rem;color:#f2f2f2}.df-dachlast-badge.visible{display:flex}.df-dachlast-kg{font-weight:700;font-size:1.15rem;color:#fff}.df-result-header{margin-bottom:16px}.df-result-count{font-size:.88rem;color:#888}.df-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.df-card{border-radius:12px;overflow:hidden;background:#161616;border:1.5px solid #2a2a2a;transition:transform .2s,box-shadow .2s,border-color .2s}.df-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000080;border-color:#3a3a3a}.df-card.compatible{border-color:#4b5320;box-shadow:0 0 0 1px #4b532040}.df-card.incompatible{opacity:.35;filter:grayscale(40%)}.df-card a{text-decoration:none;color:inherit;display:block}.df-img-wrap{position:relative;overflow:hidden}.df-img-wrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.df-size-badge{position:absolute;top:10px;left:10px;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f2f2f2;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:3px 9px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}.df-compat-tag{display:none;position:absolute;bottom:10px;right:10px;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:700;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.df-card.compatible .df-compat-tag.yes{display:flex;align-items:center;gap:4px;background:#4b5320e6;color:#fff}.df-card.incompatible .df-compat-tag.no{display:flex;align-items:center;gap:4px;background:#3c3c3cd9;color:#ccc}.df-card-body{padding:14px 16px 16px}.df-card-title{font-size:.92rem;font-weight:600;margin:0 0 5px;color:#f2f2f2;line-height:1.3}.df-card-price{font-size:1rem;font-weight:700;color:#789050;margin:0 0 8px}.df-card-dxx{font-size:.75rem;color:#888;display:flex;align-items:center;gap:4px}@media(max-width:600px){.df-hero{padding:24px 16px}.df-controls{flex-direction:column}.df-grid{grid-template-columns:repeat(2,1fr);gap:12px}.df-card-body{padding:10px 12px}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/dachzelt-filter.css.map */