body {
    /* background-color: red !important; */
}
.header-bottom .navbar-brand .logo {
    width: 50px;
}
.header-top .form-select option {
    text-align: left;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #ff0080;
    --bs-btn-border-color: #e60073;

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e60073;
    --bs-btn-hover-border-color: #cc0066;

    --bs-btn-focus-shadow-rgb: 255, 0, 128;

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cc0066;
    --bs-btn-active-border-color: #b30059;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ff0080;
    --bs-btn-disabled-border-color: #ff0080;
}
:root, [data-bs-theme=light] {
    --bs-primary: #ff0080;
    --bs-primary-rgb: 255, 0, 128;

    --bs-primary-text-emphasis: #99004d;
    --bs-primary-bg-subtle: #ffe6f2;
    --bs-primary-border-subtle: #ffb3d9;

    --bs-link-color: #ff0080;
    --bs-link-color-rgb: 255, 0, 128;
    --bs-link-hover-color: #cc0066;
    --bs-link-hover-color-rgb: 204, 0, 102;

    --bs-focus-ring-color: rgba(255, 0, 128, .25);

    --bs-code-color: #cc0066;
}
.btn-outline-primary {
    --bs-btn-color: #ff0080;
    --bs-btn-border-color: #ff0080;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff0080;
    --bs-btn-hover-border-color: #e60073;
    --bs-btn-focus-shadow-rgb: 255, 0, 128;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e60073;
    --bs-btn-active-border-color: #cc0066;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ff0080;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff0080;
    --bs-gradient: none;
}
.product-miniature .product-miniature__title {
    color: var(--bs-gray-900);
}

/* Align ps_mainmenu megamenu under the parent item */
.ps-mainmenu--desktop .ps-mainmenu__tree > li {
    position: relative !important;
}
.ps-mainmenu--desktop .ps-mainmenu__tree > li .submenu {
    top: 100% !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    margin: 0 !important;
    width: auto !important;
    min-width: max-content !important;
}
.ps-mainmenu--desktop .ps-mainmenu__tree > li .submenu .container {
    width: auto !important;
    max-width: none !important;
    padding-left: 0;
    padding-right: 0;
}

/* Invisible hover bridge so the submenu doesn't close when moving the mouse */
.ps-mainmenu--desktop .ps-mainmenu__tree > li .submenu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 0.25rem;
}

/* Remove gray divider in the submenu */
.ps-mainmenu--desktop .submenu__left {
    border-right: none !important;
}

/* Make submenu links full width (one-column dropdown) */
.ps-mainmenu--desktop .submenu__left {
    width: 100% !important;
}
.ps-mainmenu--desktop .submenu__right {
    display: none !important;
}
.ps-mainmenu--desktop .submenu__left-item {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
}