:root {
    --carousel-height: calc(100vh - 60px);
}

.btn-search {
    --bs-btn-color: #FFF;
    --bs-btn-bg: #BAA588;
    --bs-btn-border-color: #DAD1B9;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #BA9F88;
    --bs-btn-hover-border-color: #FFFAEC;
    --bs-btn-focus-shadow-rgb: 58, 176, 195;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #BA9B88;
    --bs-btn-active-border-color: #DAC6B9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFF;
    --bs-btn-disabled-bg: #DAD1B9;
    --bs-btn-disabled-border-color: #DAD1B9;
}

.btn-outline-search {
    --bs-btn-color: #BAA588;
    --bs-btn-border-color: #BAA588;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #BAA588;
    --bs-btn-hover-border-color: #BAA588;
    --bs-btn-focus-shadow-rgb: 23, 162, 184;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #BAA588;
    --bs-btn-active-border-color: #BAA588;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #BAA588;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #BAA588;
    --bs-gradient: none;
}

.btn-cart {
    --bs-btn-color: #fff;
    --bs-btn-bg: #d9230f;
    --bs-btn-border-color: #d9230f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b81e0d;
    --bs-btn-hover-border-color: #ae1c0c;
    --bs-btn-focus-shadow-rgb: 223, 68, 51;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ae1c0c;
    --bs-btn-active-border-color: #a31a0b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #d9230f;
    --bs-btn-disabled-border-color: #d9230f;
}

.text-info {
    color: #349A8F !important;
}

.bg-box {
    background-color: #E6F2F2 !important;
}

.bg-box-y {
    background-color: #FFF4E4 !important;
}

body {
    margin: 0;
    font-size: 16px !important;
    font-weight: 400;
    color: #212529;
    /*background-color: #FFF7ec;*/
    background-color: #FFF9F7;
}

body *:not(i) {
    font-family: "Noto Sans TC", "Microsoft JhengHei UI", serif !important;
}

@media (max-width: 991px) {
    body {
        font-size: 14px !important;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.carousel .carousel-inner {
    height: var(--carousel-height);
}

.carousel img {
    object-fit: cover;
    height: var(--carousel-height);
}

.btn {
    border-radius: .8rem;
}

.btn-lg {
    border-radius: 1rem;
}

.white-space-pre-line {
    white-space: pre-wrap;
}