/* Add custom CSS styles below */ 
.header--transparent #main-nav:not(.fixed-pinned) {
    background-color: transparent!important;
    color: var(--color-mainnav-color-in-bg-transparent)!important;
}

.promotion-badge.has-discount {
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    --tw-text-opacity: 1;
    color: #1f2937;
    color: rgba(31,41,55,var(--tw-text-opacity));
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
}

.promotion-badge.has-discount:where([dir=rtl],[dir=rtl] *) {
    --tw-shadow-colored: -2px 2px 0 0 var(--tw-shadow-color);
    box-shadow: 0 0 transparent,0 0 transparent,-2px 2px 0 0 #db0505;
    box-shadow: var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow);
}