[data-bs-theme=light] {
    --color-pagetitle: #cab57b;
    --color-pagetitle-secondary: #cab57b;
    --bg-product-category: #102445;
    --bg-product-category-active: #2b3e6c;
    --color-product-category-icon: #3d4c65;
    --color-product-category-title: white;
    --color-product-category-description: #6d84a6;
    --color-carousel-indicator: #2a2c2a;
    --color-product-title: #003366;
    --bg-download: #bc9a63;
    --color-download: white;
    --color-ways-h: #1b578d;
}

body {
    background: var(--bg-main) url(/Images/bg-nav-product.png) center top/100% 280px no-repeat;
}

header {
    background: var(--bg-nav) url(/Images/bg-nav-product-small.png) center top/100% 80px no-repeat;
}

    header nav {
        background-color: transparent;
    }

main .PageTitle {
    color: var(--color-pagetitle);
}

main .PageSecondarytitle {
    color: var(--color-pagetitle-secondary);
}

main #divProduct a.Image {
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: 100% 100%;*/
    background-size: contain;
}

main #divProduct .card-title a.title {
    color: var(--color-product-title);
}

main #divProduct a.Image:hover {
    transform: scale(1.1);
    transition: all .2s linear;
}

@media (min-width: 0px) {
    main #divProduct .detail {
        --bs-rows: 1;
        --bs-columns: 1;
        --bs-gap: 0.5em;
    }
}

@media (min-width: 576px) {
}

@media (min-width: 992px) {
    main #divProduct .detail {
        --bs-rows: 1;
        --bs-columns: 10;
        --bs-gap: 0.5em;
    }
}

main #divProduct div.TitleMargin {
    height: 200px;
}

main #divProduct .grid-category {
    --bs-rows: 1;
    --bs-columns: 5;
    --bs-gap: 0.1em;
}

main #divProduct .contact {
    color: black;
}

    main #divProduct .contact h4 {
        color: var(--color-ways-h);
    }