html,
body {
    background-color: var(--dflasher-background);
    color: var(--dflasher-text);
}

.home-page .wrapper .content { background: linear-gradient(to right, rgba(0,0,0,.85), rgba(0,0,0,.4) 50%, rgba(0,0,0,.85) 100%) !important; }

.home-page a { color: var(--dflasher-accent); }
.home-page a:hover { color: var(--dflasher-accent-hover); }

.home-page .card, .home-page .card-header, .home-page .card-footer { background-color: var(--dflasher-surface) !important; border-color: var(--dflasher-border); }



#HomePageProducts.home-compact .product-box .picture-container .img-container::before { padding-top: 75%; }
#HomePageProducts.home-compact .product-box .card-body { padding: 8px 0 4px 0; }
#HomePageProducts.home-compact .product-box .card-title a { font-size: .95rem; }
#HomePageProducts.home-compact .product-box .prices .actual-price { font-size: 18px; }
#HomePageProducts.home-compact .product-box .prices .old-price { font-size: 12px; }
#HomePageProducts.home-compact .product-container { padding-left: 8px; padding-right: 8px; }
#HomePageProducts.home-compact .info-box-img { max-width: 68%; max-height: 45vh; height: auto; width: auto; object-fit: contain; }

@media (max-width: 991.98px) {
  #HomePageProducts.home-compact .info-box-img { max-width: 80%; max-height: 38vh; }
  #HomePageProducts.home-compact .product-box .picture-container .img-container::before { padding-top: 82%; }
}