.qMbjmG_page{min-height:100vh}.qMbjmG_hero{background:var(--color-gray-100);border-bottom:1px solid var(--color-gray-300);padding:64px 0 48px}.qMbjmG_hero h1{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(32px,5vw,56px);font-weight:800}.qMbjmG_hero p{color:var(--color-gray-600);font-size:18px}.qMbjmG_body{padding:48px 0 80px}.qMbjmG_layout{flex-direction:column;gap:20px;display:flex}.qMbjmG_filterBar{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);z-index:20;width:100%;padding:10px 14px;position:sticky;top:12px}.qMbjmG_filterBarRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qMbjmG_filterBarLabel{letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-600);white-space:nowrap;border-right:1px solid var(--color-gray-300);margin-right:4px;padding-right:4px;font-size:11px;font-weight:700}.qMbjmG_filterBarRight{align-items:center;gap:12px;margin-left:auto;display:flex}.qMbjmG_filterCount{color:var(--color-gray-600);white-space:nowrap;font-size:12px}.qMbjmG_filterSelectInline{font-family:var(--font-stack);color:var(--color-gray-900);background-color:var(--color-white);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-sm);appearance:none;cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:13px;outline:none;padding:6px 28px 6px 10px;font-size:12px;font-weight:500;line-height:1.4}.qMbjmG_filterSelectInline:hover{border-color:var(--color-gray-600)}.qMbjmG_filterSelectInline:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff004d1a}.qMbjmG_filterSelectInline.qMbjmG_active{border-color:var(--color-primary);color:var(--color-primary);background-color:#ff004d0a}.qMbjmG_filterToggle{font-family:var(--font-stack);color:var(--color-gray-600);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;padding:6px 12px;font-size:12px;font-weight:600}.qMbjmG_filterToggle:hover{border-color:var(--color-gray-600);color:var(--color-gray-900)}.qMbjmG_filterToggle.qMbjmG_active{border-color:var(--color-primary);color:var(--color-primary);background:#ff004d12}.qMbjmG_resetBtn{color:var(--color-gray-600);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;cursor:pointer;padding:6px 12px;font-size:12px;font-weight:600}.qMbjmG_resetBtn:hover{border-color:var(--color-primary);color:var(--color-primary)}.qMbjmG_productGrid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:24px;display:grid}.qMbjmG_productCount{color:var(--color-gray-600);grid-column:1/-1;margin-bottom:20px;font-size:14px}.qMbjmG_card{border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-card);transition:box-shadow var(--transition), transform var(--transition);cursor:pointer;overflow:hidden}.qMbjmG_card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.qMbjmG_cardImage{aspect-ratio:3/4;background:var(--color-gray-100);position:relative;overflow:hidden}.qMbjmG_cardImage img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.qMbjmG_card:hover .qMbjmG_cardImage img{transform:scale(1.04)}.qMbjmG_cardBadge{position:absolute;top:12px;left:12px}.qMbjmG_cardBody{padding:16px}.qMbjmG_cardTitle{color:var(--color-gray-900);margin-bottom:4px;font-size:15px;font-weight:700}.qMbjmG_cardId{color:var(--color-gray-600);margin-bottom:10px;font-size:12px}.qMbjmG_cardPrice{color:var(--color-gray-900);margin-bottom:10px;font-size:14px;font-weight:600}.qMbjmG_cardColors{flex-wrap:wrap;gap:6px;display:flex}.qMbjmG_colorDot{cursor:pointer;width:16px;height:16px;transition:transform var(--transition);border:1.5px solid #0000001a;border-radius:50%}.qMbjmG_colorDot:hover{transform:scale(1.3)}.qMbjmG_emptyState{text-align:center;color:var(--color-gray-600);grid-column:1/-1;padding:80px 24px}.qMbjmG_emptyState h3{color:var(--color-gray-900);margin-bottom:8px;font-size:20px;font-weight:700}@media (max-width:768px){.qMbjmG_filterBarRow{gap:6px}.qMbjmG_filterBarRight{width:100%;margin-left:0}.qMbjmG_productGrid{grid-template-columns:repeat(2,1fr);gap:16px}}
.XPabiW_wrap{position:relative}.XPabiW_trigger{font-family:var(--font-stack);color:var(--color-gray-900);background:var(--color-white);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:border-color var(--transition), color var(--transition), background var(--transition);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.XPabiW_trigger:hover,.XPabiW_triggerOpen{border-color:var(--color-gray-600)}.XPabiW_triggerActive{border-color:var(--color-primary);color:var(--color-primary);background:#ff004d0d;font-weight:600}.XPabiW_triggerLabel{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.XPabiW_chevron{transition:transform var(--transition);opacity:.6;flex-shrink:0}.XPabiW_chevronOpen{transform:rotate(180deg)}.XPabiW_panel{z-index:100;background:var(--color-white);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);min-width:180px;max-height:320px;animation:.15s XPabiW_dropIn;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 8px 32px #0000001f}@keyframes XPabiW_dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.XPabiW_list{flex-direction:column;gap:1px;padding:6px;display:flex}.XPabiW_option{width:100%;font-family:var(--font-stack);color:var(--color-gray-900);text-align:left;cursor:pointer;transition:background var(--transition), color var(--transition);white-space:nowrap;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:400;display:block}.XPabiW_option:hover{background:var(--color-gray-100)}.XPabiW_optionActive{color:var(--color-primary);background:#ff004d0f;font-weight:600}.XPabiW_optionActive:hover{background:#ff004d1a}.XPabiW_buttonGrid{flex-wrap:wrap;gap:6px;padding:12px;display:flex}.XPabiW_sizeBtn{font-family:var(--font-stack);color:var(--color-gray-600);background:var(--color-white);border:1.5px solid var(--color-gray-300);cursor:pointer;transition:all var(--transition);letter-spacing:.01em;border-radius:6px;padding:6px 11px;font-size:12px;font-weight:600}.XPabiW_sizeBtn:hover{border-color:var(--color-gray-600);color:var(--color-gray-900)}.XPabiW_sizeBtnActive{border-color:var(--color-primary);color:var(--color-primary);background:#ff004d12}
.qMhxQq_sonderblock{gap:12px;margin-bottom:32px;display:grid}.qMhxQq_sonderkarte{background:var(--color-white);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);color:inherit;transition:border-color var(--transition), box-shadow var(--transition);grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 18px 14px 14px;text-decoration:none;display:grid}.qMhxQq_sonderkarte:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.qMhxQq_sonderbild{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--color-gray-100);width:96px;overflow:hidden}.qMhxQq_sonderbild img{object-fit:cover;width:100%;height:100%;display:block}.qMhxQq_sondertext{min-width:0}.qMhxQq_sondermarke{letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);margin-bottom:3px;font-size:11px;font-weight:700}.qMhxQq_sondertitel{color:var(--color-gray-900);margin-bottom:3px;font-size:16px;font-weight:700}.qMhxQq_sonderbeschreibung{color:var(--color-gray-600);margin:0;font-size:14px;line-height:1.5}.qMhxQq_sonderpfeil{color:var(--color-primary);flex-shrink:0;font-size:20px}@media (max-width:560px){.qMhxQq_sonderkarte{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:12px 14px}.qMhxQq_sonderbild{width:72px}.qMhxQq_sonderpfeil{display:none}}