/******* Do not edit this file *******
Code Snippets Manager
Saved: Jan 06 2026 | 20:46:35 */
:root {
    --age-0-3-main: #FCCC14;    --age-0-3-light: #FEF7D6;
    --age-3-5-main: #49B4DA;    --age-3-5-light: #E8F4F8;
    --age-5-7-main: #F2582C;    --age-5-7-light: #FFE5DB;
    --age-7-9-main: #2DA39A;    --age-7-9-light: #D6F6F4;
    --age-9-11-main: #3C63AE;   --age-9-11-light: #DEE5F5;
    --age-11-plus-main: #8064AA; --age-11-plus-light: #EEE7F6;
}

.shop-product-age-group {
    display: inline-block;
    margin-top: 5px;
    font-size: 0.875rem;
    padding: 0.3em 0.8em;
    border-radius: 100px;
    color: #fff;
    font-weight: 600;/
    line-height: 1.2;
}

ul.products li.product .shop-product-age-group {
    margin-top: 0.5em;
}

.age-group-age-0-3    { background-color: var(--age-0-3-main); color: #000; }
.age-group-age-3-5    { background-color: var(--age-3-5-main); }
.age-group-age-5-7    { background-color: var(--age-5-7-main); }
.age-group-age-7-9    { background-color: var(--age-7-9-main); }
.age-group-age-9-11   { background-color: var(--age-9-11-main); }
.age-group-age-11plus { background-color: var(--age-11-plus-main); }
.product-item:has(.age-group-age-0-3) .info    { background-color: var(--age-0-3-light) !important; }
.product-item:has(.age-group-age-3-5) .info    { background-color: var(--age-3-5-light) !important; }
.product-item:has(.age-group-age-5-7) .info    { background-color: var(--age-5-7-light) !important; }
.product-item:has(.age-group-age-7-9) .info    { background-color: var(--age-7-9-light) !important; }
.product-item:has(.age-group-age-9-11) .info   { background-color: var(--age-9-11-light) !important; }
.product-item:has(.age-group-age-11plus) .info { background-color: var(--age-11-plus-light) !important; }

.contributor-group-title {
    font-size: 16px;
    display: inline-block;
    margin-right: 5px;
    font-weight: 700;
}

ul.product-contributors-list {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.product-contributors-list li {
    display: inline-block;
}

ul.product-contributors-list li:not(:last-child):after {
    content: ", ";
    margin-right: 4px;
}