:root {
    --background: 0 0% 95%;
    --foreground: 0 0% 20%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 20%;
    --primary: 44.68deg 100% 45.29%;
    --primary-foreground: 0 0% 100%;
    --border: 0 0% 80%;
}

@media (prefers-color-scheme: dark) {
    :root:not(.light) {
        --background: 0 0% 10%;
        --foreground: 0 0% 100%;
        --card: 0 0% 5%;
        --card-foreground: 0 0% 100%;
        --primary: 44.68deg 100% 45.29%;
        --primary-foreground: 0 0% 100%;
        --border: 0 0% 24%;
    }
}

.e-btn,
.btn {
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
}
.btn.bg-cta {
    font-weight: 700;
}

.typography.heading {
    font-weight: 900;
}

header.bg-card {
    background: #000;
    color: #fff;
}

.product-list .price small {
    font-size: var(--text-xs-size);
    line-height: var(--text-xs-line-height);
    font-weight: 300;
    display: block;
}

/**
 ** Product List
 **/
 .product-list .product-item .more-information,
 .product-list .product-item h4 {
     display: none;
 }
 .product-list .price br {
     display: none;
 }
 .product-list .prose br:last-child {
     display: none;
 }


 /**
  ** Product detail
  **/
 .product-detail--html-description  .activiteiten-content > *:first-child {
     margin-top: 0;
 }
 .product-detail--html-description img {
     max-height: 350px;
     width: 100%;
     object-fit: cover;
     object-position: center;
 }

/*
 * Footer
 */
.footer--container {
    background-color: #000;
    color: #fff;
}
.footer--content {
    display: grid;
    gap: 18px;
    align-items: center;
}
.footer--content a {
    color: hsl(var(--primary));
    transition: color 300ms ease 0ms;
}
.footer--content a:hover {
    color: inherit;
}
.footer--content .social-links {
    display: flex;
    gap: 8px;
}
.footer--content .social-links a {
    background: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
    border-radius: 3px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
}
.footer--content .social-links a:hover {
    color: #000;
}
.footer--content img {
    max-height: 32px;
    width: auto;
}
.footer--content .social-links a span {
    display: none;
}
.footer--content table {
    width: 100%;
    text-align: left;
}
.footer--content .heading {
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 480px) {
    .footer--content {
        grid-template-columns: 152px 1fr;
    }

    .footer--content > *:last-child {
        grid-column: 1 / span 2;
    }
}

@media screen and (min-width: 768px) {
    .footer--content {
        grid-template-columns: 152px 173px 1fr;
    }

    .footer--content > *:last-child {
        grid-column: auto;
    }

    .footer--content > div:last-child {
        text-align: right;
    }
}