.gsr-materialien-shortcode {
            width: min(1680px, calc(100vw - 40px)) !important;
            max-width: none !important;
            margin-left: 50% !important;
            transform: translateX(-50%) !important;
            margin-top: 28px;
            margin-bottom: 34px;
        }

        .gsr-materialien-panel {
            background: #fffaf8;
            border: 1px solid #eadfd8;
            border-radius: 24px;
            padding: 26px;
            box-shadow: 0 10px 26px rgba(0,0,0,0.05);
        }

        .gsr-materialien-panel-head {
            margin-bottom: 22px;
        }

        .gsr-materialien-results-hint {
            margin-top: 14px;
        }

        .gsr-materialien-results-pill {
            display: inline-flex;
            align-items: center;
            min-height: 30px;
            padding: 6px 12px;
            border: 1px solid #e6d7cb;
            border-radius: 999px;
            background: rgba(255,255,255,0.86);
            color: #7a675f;
            font-size: 0.86rem;
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: 0.01em;
        }

        .gsr-materialien-heading {
            margin: 0 0 12px;
            font-size: clamp(1.45rem, 1.15rem + 0.8vw, 2rem);
            line-height: 1.15;
            color: #3f3131;
        }

        .gsr-materialien-intro {
            color: #5f5552;
            font-size: 1rem;
            line-height: 1.7;
        }

        .gsr-materialien-intro p {
            margin: 0;
        }

        .gsr-materialien-panel-content h2,
        .gsr-materialien-panel-content h3,
        .gsr-materialien-panel-content p {
            margin-top: 0;
        }

        .gsr-materialien-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: stretch;
            gap: var(--gsr-gap, 28px);
        }

        .gsr-material-card {
            flex: 0 0 calc((100% - (var(--gsr-gap, 28px) * (var(--gsr-current-columns, 4) - 1))) / var(--gsr-current-columns, 4));
            max-width: calc((100% - (var(--gsr-gap, 28px) * (var(--gsr-current-columns, 4) - 1))) / var(--gsr-current-columns, 4));
            min-width: 0;
            border-radius: 22px;
            background: #f6e4e4;
            box-shadow: 0 10px 24px rgba(0,0,0,0.08);
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

        .gsr-material-card-link {
            display: flex;
            flex-direction: column;
            gap: 0;
            width: 100%;
            height: 100%;
            text-decoration: none;
            color: inherit;
            position: relative;
        }

        .gsr-material-card-image {
            width: 100%;
            height: auto;
            display: block;
            background: #fff;
            object-fit: contain;
            object-position: top center;
        }

        .gsr-material-card-badges {
            position: absolute;
            top: 10px;
            left: 10px;
            right: 10px;
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            z-index: 2;
            pointer-events: none;
        }

        .gsr-material-card-badge {
            display: inline-flex;
            align-items: center;
            min-height: 24px;
            padding: 4px 10px;
            border-radius: 999px;
            background: rgba(255,255,255,0.94);
            color: #5a4541;
            font-size: 12px;
            line-height: 1;
            font-weight: 700;
            box-shadow: 0 8px 20px rgba(0,0,0,0.08);
        }

        .gsr-material-card-badge.is-freebie {
            background: #fff0f6;
            color: #9a3b63;
        }

        .gsr-material-card-badge.is-bestseller {
            background: #fff6dd;
            color: #8a5d10;
        }

        .gsr-material-card-badge.is-rating {
            background: #eef8ea;
            color: #356b2f;
        }

        .single-product .gsr-material-card-image {
            aspect-ratio: 16 / 10;
        }

        .gsr-material-card-title {
            margin: 0;
            padding: 14px 14px 18px;
            font-size: 16px;
            line-height: 1.4;
            color: #3f3131;
            background: #f6e4e4;
        }

        .gsr-material-card-price {
            padding: 0 14px 18px;
            font-weight: 600;
            color: #3f3131;
            background: #f6e4e4;
        }

        .gsr-material-card-actions {
            padding: 0 14px 18px;
            background: #f6e4e4;
        }

        .gsr-material-card-button {
            display: inline-block;
            padding: 12px 18px;
            border-radius: 999px;
            background: #e56b94;
            color: #fff;
            text-decoration: none;
            font-weight: 600;
        }

        .gsr-materialien-empty {
            width: 100%;
            margin: 0;
            padding: 18px 0;
            text-align: center;
            color: #5f5552;
        }

        .gsr-grid-footer {
            position: relative;
            display: block;
            flex: 0 0 100%;
            width: 100%;
            max-width: 100%;
            grid-column: 1 / -1;
            justify-self: stretch;
            align-self: stretch;
            min-height: 30px;
            margin-top: 8px;
            text-align: center;
        }

        .gsr-grid-footer::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            height: 1px;
            background: #d9c9c2;
            transform: translateY(-50%);
        }

        .gsr-grid-footer.has-button {
            display: flex !important;
            justify-content: center !important;
            align-items: center;
            text-align: center;
            width: 100%;
        }

        .gsr-load-more-button {
            appearance: none;
            position: relative;
            z-index: 1;
            margin: 0 auto;
            border: none;
            border-radius: 999px;
            padding: 14px 22px;
            font-size: 16px;
            line-height: 1;
            font-weight: 600;
            cursor: pointer;
            background: #e56b94;
            color: #fff;
            box-shadow: 0 0 0 8px #fffaf8;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .gsr-load-more-button:hover {
            background: #cf537f;
        }

        .gsr-load-more-button:disabled {
            opacity: 0.72;
            cursor: wait;
        }

        .gsr-materialsuche-shell {
            display: grid;
            grid-template-columns: minmax(200px, 230px) minmax(0, 1fr);
            gap: 18px;
            align-items: start;
        }

        .gsr-materialsuche-shell.is-no-controls {
            grid-template-columns: minmax(0, 1fr);
        }

        .gsr-materialsuche-controls {
            display: block;
            min-width: 0;
        }

        .gsr-materialsuche-main {
            min-width: 0;
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .gsr-materialsuche-form {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .gsr-materialsuche-section {
            border: 1px solid #eadfd8;
            border-radius: 18px;
            background: #fff;
            overflow: hidden;
        }

        .gsr-materialsuche-section[open] {
            box-shadow: 0 10px 30px rgba(68, 43, 52, 0.06);
        }

        .gsr-materialsuche-section-summary {
            list-style: none;
            cursor: pointer;
            padding: 15px 18px;
            font-size: 15px;
            line-height: 1.2;
            font-weight: 700;
            color: #4f3a36;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .gsr-materialsuche-section-summary::-webkit-details-marker {
            display: none;
        }

        .gsr-materialsuche-section-summary::after {
            content: "+";
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 24px;
            height: 24px;
            border-radius: 999px;
            background: #fff1f5;
            color: #8c3b5d;
            font-size: 18px;
            line-height: 1;
            flex: 0 0 24px;
        }

        .gsr-materialsuche-section[open] .gsr-materialsuche-section-summary::after {
            content: "-";
        }

        .gsr-materialsuche-section-body {
            display: flex;
            flex-direction: column;
            gap: 14px;
            padding: 0 18px 18px;
        }

        .gsr-materialsuche-filters {
            display: grid;
            grid-template-columns: 1fr;
            gap: 10px;
        }

        .gsr-materialsuche-field {
            display: flex;
            flex-direction: column;
            gap: 6px;
            min-width: 0;
        }

        .gsr-materialsuche-field label {
            font-size: 13px;
            font-weight: 600;
            color: #5b4540;
        }

        .gsr-materialsuche-searchbar {
            position: relative;
        }

        .gsr-materialsuche-input {
            width: 100%;
            min-width: 0;
            box-sizing: border-box;
            border: 1px solid #d8cbc4;
            border-radius: 14px;
            padding: 11px 12px;
            font-size: 14px;
            line-height: 1.2;
            color: #3f3131;
            background: #fffdfc;
        }

        .gsr-materialsuche-select {
            appearance: none;
            -webkit-appearance: none;
            background-image:
                linear-gradient(45deg, transparent 50%, #8b5b6b 50%),
                linear-gradient(135deg, #8b5b6b 50%, transparent 50%);
            background-position:
                calc(100% - 18px) calc(50% - 3px),
                calc(100% - 12px) calc(50% - 3px);
            background-size: 6px 6px, 6px 6px;
            background-repeat: no-repeat;
            padding-right: 34px;
        }

        .gsr-materialsuche-mobile-select {
            display: none;
        }

        .gsr-materialsuche-field.is-search .gsr-materialsuche-input {
            padding-right: 60px;
        }

        .gsr-materialsuche-input:focus {
            outline: none;
            border-color: #e56b94;
            box-shadow: 0 0 0 3px rgba(229,107,148,0.18);
        }

        .gsr-materialsuche-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .gsr-materialsuche-extra-filters {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .gsr-materialsuche-checkbox {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 600;
            color: #5b4540;
        }

        .gsr-materialsuche-checkbox input {
            width: 18px;
            height: 18px;
            margin: 0;
            accent-color: #cf537f;
        }

        .gsr-materialsuche-icon-submit,
        .gsr-materialsuche-reset,
        .gsr-materialsuche-submit {
            appearance: none;
            border: none;
            border-radius: 999px;
            font-size: 15px;
            line-height: 1;
            font-weight: 600;
            cursor: pointer;
        }

        .gsr-materialsuche-icon-submit {
            position: absolute;
            top: 50%;
            right: 10px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            padding: 0;
            transform: translateY(-50%);
            background: #e56b94;
            color: #fff;
        }

        .gsr-materialsuche-reset {
            padding: 13px 18px;
            background: #f7d7e3;
            color: #8c3b5d;
        }

        .gsr-materialsuche-submit {
            display: none;
            padding: 13px 18px;
            background: #e56b94;
            color: #fff;
        }

        .gsr-materialsuche-icon-submit:hover {
            background: #cf537f;
        }

        .gsr-materialsuche-icon-submit svg {
            width: 19px;
            height: 19px;
            fill: currentColor;
        }

        .gsr-materialsuche-status {
            min-height: 20px;
            font-size: 14px;
            color: #6a5752;
        }

        .gsr-materialsuche-status.is-error {
            color: #a33d3d;
        }

        .gsr-materialsuche-count {
            font-size: 14px;
            font-weight: 600;
            color: #8c3b5d;
            margin-top: -2px;
        }

        .gsr-materialsuche-feedback {
            min-height: 0;
        }

        .gsr-materialsuche-results {
            padding-bottom: 18px;
        }

        .gsr-materialsuche-controls {
            position: sticky;
            top: 118px;
        }

        .gsr-materialsuche-loading {
            min-height: 220px;
            display: flex;
            flex-direction: column;
            gap: 14px;
            align-items: center;
            justify-content: center;
            padding: 24px 18px;
            border: 1px dashed #eadfd8;
            border-radius: 18px;
            background: #fffaf7;
            color: #7b4b5d;
            font-size: 15px;
            line-height: 1.5;
            text-align: center;
        }

        .gsr-materialsuche-loading-spinner {
            width: 34px;
            height: 34px;
            border-radius: 999px;
            border: 3px solid rgba(229, 107, 148, 0.18);
            border-top-color: #e56b94;
            animation: gsr-materialsuche-spin 0.9s linear infinite;
        }

        .gsr-materialsuche-loading-text {
            display: inline-block;
        }

        @keyframes gsr-materialsuche-spin {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        .gsr-materialsuche-feedback-box {
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding: 14px 16px;
            border-radius: 16px;
            background: #fff3f7;
            border: 1px solid #f0ccd9;
        }

        .gsr-materialsuche-feedback-text {
            margin: 0;
            color: #7b4b5d;
            font-size: 14px;
            line-height: 1.5;
        }

        .gsr-materialsuche-suggestions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .gsr-materialsuche-suggestion {
            appearance: none;
            border: none;
            border-radius: 999px;
            padding: 10px 14px;
            background: #f7d7e3;
            color: #8c3b5d;
            font-size: 14px;
            line-height: 1;
            font-weight: 600;
            cursor: pointer;
        }

        .gsr-materialsuche-results-heading {
            margin: 0;
            font-size: 1.05rem;
            color: #4a3833;
        }

        .gsr-material-filterseite .gsr-materialsuche-results-heading,
        .gsr-material-filterseite .gsr-materialsuche-count {
            display: none;
        }

        .gsr-materialsuche-results .gsr-materialien-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
            align-items: stretch;
        }

        .gsr-materialsuche-results .gsr-material-card {
            width: 100%;
            flex: none;
            max-width: none;
            border: 1px solid rgba(190, 151, 151, 0.22);
            box-shadow: 0 14px 28px rgba(72, 48, 54, 0.08);
        }

        .gsr-materialsuche-results .gsr-material-card-title {
            padding: 9px 9px 13px;
            font-size: 12px;
            line-height: 1.35;
            min-height: 4.2em;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }

        @media (max-width: 1100px) {
            .gsr-materialien-shortcode {
                --gsr-current-columns: 3;
            }

            .gsr-materialsuche-shell {
                grid-template-columns: minmax(190px, 220px) minmax(0, 1fr);
            }

            .gsr-materialsuche-results .gsr-materialien-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 12px;
            }

            .gsr-materialsuche-results .gsr-material-card {
                width: 100%;
                max-width: none;
            }
        }

        @media (max-width: 980px) {
            .gsr-materialsuche-shell {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .gsr-materialsuche-controls {
                position: static;
                top: auto;
            }
        }

        @media (max-width: 780px) {
            .gsr-materialien-shortcode {
                width: min(1440px, calc(100vw - 24px)) !important;
                --gsr-current-columns: 2 !important;
            }

            .gsr-materialien-grid {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 14px;
            }

            .gsr-material-card {
                width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
                flex: none !important;
            }

            .gsr-materialsuche-autocomplete-input {
                display: none;
            }

            .gsr-materialsuche-mobile-select {
                display: block;
            }

            .gsr-materialsuche-input,
            .gsr-materialsuche-select,
            .gsr-materialsuche-checkbox,
            .gsr-materialsuche-suggestion,
            .gsr-materialsuche-reset,
            .gsr-materialsuche-submit,
            .gsr-materialsuche-icon-submit {
                font-size: 16px !important;
            }

            .gsr-materialsuche-actions {
                flex-direction: column;
            }

            .gsr-materialsuche-submit {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                min-height: 48px;
                order: 1;
            }

            .gsr-materialsuche-reset {
                width: 100%;
                min-height: 46px;
                order: 2;
            }

            .gsr-materialien-panel {
                padding: 20px;
                border-radius: 20px;
            }

            .gsr-materialien-results-hint {
                margin-top: 12px;
            }

            .gsr-materialien-results-pill {
                min-height: 28px;
                padding: 5px 10px;
                font-size: 0.81rem;
            }

            .gsr-materialien-grid {
                gap: 14px;
            }

            .gsr-materialsuche-results .gsr-materialien-grid {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 14px;
            }

            .gsr-materialsuche-results .gsr-material-card {
                width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
                flex: none !important;
            }

            .gsr-materialsuche-results .gsr-material-card-title {
                padding: 10px 10px 14px;
                font-size: 14px;
                line-height: 1.35;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }

            .gsr-materialsuche-results .gsr-material-card-price,
            .gsr-materialsuche-results .gsr-material-card-actions {
                padding: 0 10px 14px;
            }

            .gsr-materialsuche-results .gsr-material-card-title {
                display: none !important;
            }
        }

        @media (max-width: 520px) {
            .gsr-materialien-shortcode {
                width: min(1440px, calc(100vw - 16px)) !important;
                --gsr-current-columns: 2 !important;
            }

            .gsr-materialien-panel {
                padding: 16px;
            }

            .gsr-materialien-grid {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 10px;
            }

            .gsr-material-card {
                width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
                flex: none !important;
            }

            .gsr-materialsuche-results .gsr-materialien-grid {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 10px;
            }

            .gsr-materialsuche-results .gsr-material-card {
                width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
                flex: none !important;
            }

            .gsr-materialsuche-results .gsr-material-card-title {
                padding: 8px 8px 12px;
                font-size: 13px;
                line-height: 1.3;
            }

            .gsr-materialsuche-results .gsr-material-card-price,
            .gsr-materialsuche-results .gsr-material-card-actions {
                padding: 0 8px 12px;
            }

            .gsr-materialsuche-results .gsr-material-card-title {
                display: none !important;
            }

            .gsr-materialsuche-section-summary,
            .gsr-materialsuche-section-body {
                padding-left: 14px;
                padding-right: 14px;
            }

            .gsr-materialsuche-section-body {
                padding-bottom: 14px;
            }

            .gsr-load-more-button {
                padding: 12px 18px;
                font-size: 15px;
            }

        }