:root {
    --bs-body-color: var(--body-text-color);
    --bs-border-radius: 0.625rem;
}

/* #region :: grid */
.col-2-4 { flex: 0 0 auto; width: 20%; }

@media (min-width: 576px) {
    .col-sm-2-4 { flex: 0 0 auto; width: 20%; }
}

@media (min-width: 768px) {
    .col-md-2-4 { flex: 0 0 auto; width: 20%; }
}

@media (min-width: 992px) {
    .col-lg-2-4 { flex: 0 0 auto; width: 20%; }
}

@media (min-width: 1200px) {
    .col-xl-2-4 { flex: 0 0 auto; width: 20%; }
}

@media (min-width: 1400px) {
    .col-xxl-2-4 { flex: 0 0 auto; width: 20%; }
}
/* #endregion :: grid */

/* #region :: dropdown */
.dropdown-menu.main-category {
    --bs-dropdown-border-width: unset;
    --bs-dropdown-spacer: -0.206rem;
}
.navbar.fixed-top .dropdown-menu.main-category {
    --bs-dropdown-spacer: 0.8875rem;
}
/* #endregion :: dropdown */

/* #region :: form */
/* #region :: form-select */
.form-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    /*float: left;*/
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    /*height: 42px;*/
    /*line-height: 40px;*/
    outline: 0;
    padding: unset;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
}
.form-select:hover {
    border-color: #dbdbdb;
}
.form-select:open, .form-select:active, .form-select:focus {
    border-color: #999;
    box-shadow: unset;
}
/* #endregion :: form-select */
/* #endregion :: form */

/* #region :: utilities */
.aspect-ratio-1 {
    aspect-ratio: 1;
}

.p-mb-20 p:not(:last-child) {
    margin-bottom: 20px;
}
/* #endregion :: utilities */