@layer components {
    .safety-notice {
        display: grid;
        gap: var(--space-2);
        padding: var(--space-4);
        background: var(--wheat-tint);
        border-inline-start: 4px solid var(--wheat);
        border-radius: var(--radius-m);
    }

    .safety-notice-title {
        font-weight: 700;
        color: var(--soil);
    }

    .safety-notice ul {
        display: grid;
        gap: var(--space-1);
        margin: 0;
        padding-inline-start: var(--space-4);
    }

    .prohibited-notice {
        display: grid;
        gap: var(--space-1);
        padding: var(--space-3) var(--space-4);
        background: var(--haze);
        border-inline-start: 4px solid var(--kalyna);
        border-radius: var(--radius-m);
        font-size: var(--size-small);
    }

    .prohibited-notice p:first-child {
        font-weight: 700;
    }

    .impressum-preview {
        padding: var(--space-3) var(--space-4);
        background: var(--haze);
        border-radius: var(--radius-m);
        font-size: var(--size-small);
    }

    .seller-panel {
        display: grid;
        gap: var(--space-3);
        padding: var(--space-4);
        border: 1px solid var(--line);
        border-block-start: 3px solid var(--wheat);
        border-radius: var(--radius-m);
        background: var(--paper);
        box-shadow: var(--shadow-1);
    }

    .seller-panel .footer-heading,
    .impressum-preview .footer-heading {
        color: var(--soil-2);
    }

    .detail-photo {
        border-radius: var(--radius-m);
        border: 1px solid var(--line);
    }
}