.page-pages .container-fluid {
    max-width: 1440px !important;
    margin: 0 auto;
    width: 100%;
}
.page-pages {
    background-color: unset !important;
}
.page-categories-home .container-fluid {
    max-width: 1440px !important;
    margin: 0 auto;
    width: 100%;
}
.page-categories-home  {
    background-color: unset !important;
}

.page-categories  .container-fluid {
    max-width: 1440px !important;
    margin: 0 auto;
    width: 100%;
}
.container-fluid{
    max-width: 1440px !important;
    margin: 0 auto;
    width: 100%;
}

.h-min-600 {
    min-height: 600px;
    border: 1px solid var(--bs-gray-200, #e6e3dc) !important;
    border-radius: 0.7rem;
}
header .container-fluid,
header .container,
header .header-content .container-fluid,
header .header-content .container {
    max-width: 1440px !important;
    margin: 0 auto;
    width: 100%;
}
.swiper-wrapper{
    max-width: 1440px !important;
    margin: 0 auto;
    width: 100%;
}
.modules-box {
    max-width: 1440px !important;
    margin: 0 auto;
    width: 100%;
}
header,
footer,
.top-wrap,
.breadcrumb-wrap {
    width: 100%;
    background-color: #fff;
}
.product-image .right{
    margin-left:30px;
}
body.page-checkout {
    background-color: #fff;
}

footer .footer-bottom{background-color:#fff;border-top: 1px solid #e6e3dc;align-items: center;}
footer, .breadcrumb-wrap {max-width: 1440px !important;margin:0 auto;width:100%;}


/* Back To Top */
#global-back-to-top {
    position: fixed !important;
    bottom: 50px !important;
    right: 30px !important;
    left: auto !important;
    top: auto !important;
    width: 50px !important;
    height: 50px !important;
    background-color: var(--bs-primary, #007bff) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 99999 !important;
    opacity: 0.9 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
    font-size: 24px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    border: none !important;
    display: none;  /* 添加这一行：初始隐藏 */
}

#global-back-to-top:hover {
    opacity: 1 !important;
    background-color: var(--bs-primary-dark, #0056b3) !important;
    transform: scale(1.05) !important;
}

@media (max-width: 768px) {
    #global-back-to-top {
        bottom: 20px !important;
        right: 15px !important;
        width: 40px !important;
        height: 40px !important;
        font-size: 20px !important;
    }
}