@font-face {font-family: iconfont; src:
        url(/fonts/iconfont/iconfont.woff) format("woff"), url(/fonts/iconfont/iconfont.ttf) format("truetype");}
.iconfont {-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; font-family: iconfont; font-size: 1rem; font-style: normal;}
[v-cloak] {display: none;}
:root {--bs-border-radius: 0.5rem;}
.btn {--bs-btn-border-radius: 10rem;}
textarea.form-control {border-radius: var(--bs-border-radius);}
.bk-page-loading {align-items: center; background: #fff; bottom: 0; display: flex; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000000000000;}
body[class^="page-account"] {background-color: #f7f7f7;}
body[class^="page-account"] .breadcrumb-wrap {background-color: #eee;}
body {-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; font-style: normal; overflow-x: hidden;}
body.app .breadcrumb-wrap {height: 10px;}
body.app .breadcrumb-wrap .container,
body.app .col-lg-3.col-12 {display: none;}
@font-face {font-display: swap; font-family: Jost; font-style: normal; font-weight: 400; src: url(/fonts/jost/Jost-Regular.ttf) format("truetype");}
@font-face {font-display: swap; font-family: Jost; font-style: normal; font-weight: 600; src: url(/fonts/jost/Jost-Medium.ttf) format("truetype");}
@font-face {font-display: swap; font-family: Jost; font-style: normal; font-weight: 700; src: url(/fonts/jost/Jost-SemiBold.ttf) format("truetype");}
b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {color: #000; font-weight: 700;}
.min-h1 {min-height: 100px;}
.min-h2 {min-height: 200px;}
.min-h3 {min-height: 300px;}
.min-h4 {min-height: 400px;}
.min-h5 {min-height: 500px;}
.min-h6 {min-height: 600px;}
.wp-100 {width: 100px;}
.wp-200 {width: 200px;}
.wp-300 {width: 300px;}
.wp-400 {width: 400px;}
.wp-500 {width: 500px;}
.wp-600 {width: 600px;}
.wp-700 {width: 700px;}
.wp-800 {width: 800px;}
.wp-900 {width: 900px;}
.wp-1000 {width: 1000px;}
.wp-100- {width: calc(100% - 100px);}
.wp-200- {width: calc(100% - 200px);}
.wp-300- {width: calc(100% - 300px);}
.wp-400- {width: calc(100% - 400px);}
.wp-500- {width: calc(100% - 500px);}
.wp-600- {width: calc(100% - 600px);}
.wp-700- {width: calc(100% - 700px);}
.wp-800- {width: calc(100% - 800px);}
.wp-900- {width: calc(100% - 900px);}
.wp-1000- {width: calc(100% - 1000px);}
.h-min-100 {min-height: 100px;}
.h-min-200 {min-height: 200px;}
.h-min-300 {min-height: 300px;}
.h-min-400 {min-height: 400px;}
.h-min-500 {min-height: 500px;}
.h-min-600 {min-height: 600px;}
.h-min-700 {min-height: 700px;}
.h-min-800 {min-height: 800px;}
.h-min-900 {min-height: 900px;}
.h-min-1000 {min-height: 1000px;}
.w-min-100 {min-width: 100px;}
.w-min-200 {min-width: 200px;}
.w-min-300 {min-width: 300px;}
.w-min-400 {min-width: 400px;}
.w-min-500 {min-width: 500px;}
.w-min-600 {min-width: 600px;}
.w-min-700 {min-width: 700px;}
.w-min-800 {min-width: 800px;}
.w-min-900 {min-width: 900px;}
.w-min-1000 {min-width: 1000px;}
.w-max-100 {max-width: 100px;}
.w-max-200 {max-width: 200px;}
.w-max-300 {max-width: 300px;}
.w-max-400 {max-width: 400px;}
.w-max-500 {max-width: 500px;}
.w-max-600 {max-width: 600px;}
.w-max-700 {max-width: 700px;}
.w-max-800 {max-width: 800px;}
.w-max-900 {max-width: 900px;}
.w-max-1000 {max-width: 1000px;}
.hp-100 {height: 100px;}
.hp-200 {height: 200px;}
.hp-300 {height: 300px;}
.hp-400 {height: 400px;}
.hp-500 {height: 500px;}
.hp-600 {height: 600px;}
.hp-700 {height: 700px;}
.hp-800 {height: 800px;}
.hp-900 {height: 900px;}
.hp-1000 {height: 1000px;}
.wh-10 {flex: 0 0 10px; height: 10px; width: 10px;}
.wh-20 {flex: 0 0 20px; height: 20px; width: 20px;}
.wh-30 {flex: 0 0 30px; height: 30px; width: 30px;}
.wh-40 {flex: 0 0 40px; height: 40px; width: 40px;}
.wh-50 {flex: 0 0 50px; height: 50px; width: 50px;}
.wh-60 {flex: 0 0 60px; height: 60px; width: 60px;}
.wh-70 {flex: 0 0 70px; height: 70px; width: 70px;}
.wh-80 {flex: 0 0 80px; height: 80px; width: 80px;}
.wh-90 {flex: 0 0 90px; height: 90px; width: 90px;}
.wh-100 {flex: 0 0 100px; height: 100px; width: 100px;}
.wh-110 {flex: 0 0 110px; height: 110px; width: 110px;}
.wh-120 {flex: 0 0 120px; height: 120px; width: 120px;}
.wh-130 {flex: 0 0 130px; height: 130px; width: 130px;}
.wh-140 {flex: 0 0 140px; height: 140px; width: 140px;}
.wh-150 {flex: 0 0 150px; height: 150px; width: 150px;}
.wh-160 {flex: 0 0 160px; height: 160px; width: 160px;}
.wh-170 {flex: 0 0 170px; height: 170px; width: 170px;}
.wh-180 {flex: 0 0 180px; height: 180px; width: 180px;}
.wh-190 {flex: 0 0 190px; height: 190px; width: 190px;}
.wh-200 {flex: 0 0 200px; height: 200px; width: 200px;}
.rich-text-editor-content>p>img {width: 100%;}
.rich-text-editor-content table {word-wrap: break-word; table-layout: fixed; width: 100%;}
.rich-text-editor-content table td,
.rich-text-editor-content table th {width: auto !important;}
.rich-text-editor-content * {box-sizing: border-box; max-width: 100% !important;}
img {height: auto; max-height: 100%; max-width: 100%;}
.col-form-label.required:before {color: #f56c6c; content: "*"; font-size: 12px; font-weight: 700; margin-right: 5px;}
.login-pop-box {overflow: initial;}
@media (max-width: 768px) {
    .login-pop-box {height: 80% !important; width: 90% !important; }
}
.module-title {color: #333; font-size: 1rem; /* font-weight: 700; */ padding-left: 1rem;
    margin: 2rem auto 1rem; overflow: hidden; position: relative; text-align: left;}
@media (max-width: 992px) {
    .module-title {font-size: 1rem; }
}
@media (min-width: 992px) {
    .module-title {padding-bottom: 10px; }
}
.module-title .wave-line {height: 18px; margin: 0 auto; overflow: hidden; position: relative; width: 54px; display: none;}
.module-title .wave-line:after {animation: wave 5s linear infinite; color: transparent; content: "xxxxxxxxxxxxxxxxxxxxxxxxxxxx"; font-size: 20px; left: 0; position: absolute; text-decoration-color: #000; text-decoration-line: underline; text-decoration-style: dotted; top: -15px;}
@keyframes wave {0% {transform: translateX(0); }
    to {transform: translateX(-50%); }
}
.module-division {display: flex; justify-content: center;}
.module-division img {width: 130px;}
.module-sub-title {color: #564a4a; margin: -1.5rem auto 1.4rem; max-width: 800px; text-align: center;}
@media (min-width: 992px) {
    .module-sub-title {font-size: 1rem; margin-bottom: 2.4rem; }
}
.tinymce-format-p p {margin-bottom: 0.5rem;}
.steps-wrap {display: flex; justify-content: space-around; position: relative;}
.steps-wrap:before {border-bottom: 3px solid #d7d7d7; content: ""; left: 0; position: absolute; top: 14px; width: 100%;}
.steps-wrap > div {align-items: center; display: flex; flex-direction: column; position: relative;}
.steps-wrap > div.active .number {background-color: #3c3d41; border-color: #3c3d41; color: #eee;}
.steps-wrap > div.active .title {color: #111;}
.steps-wrap > div .number-wrap {margin-bottom: 0.5rem; padding: 0 4px;}
.steps-wrap > div .number {align-items: center; background-color: #fff; border: 2px solid #ddd; border-radius: 50%; display: flex; height: 30px; justify-content: center; width: 30px;}
.steps-wrap > div .title {color: #848484;}
.quantity-wrap {width: 120px;}
@media (min-width: 768px) {
    .quantity-wrap {height: 37px; }
}
.quantity-wrap .btn {border-color: var(--bs-border-color);}
.quantity-wrap .btn:active {background-color: #eee;}
.quantity-wrap input {background-color: transparent !important; padding: 0.5rem; text-align: center;}
.fixed-top-line-fixed {position: fixed; top: 0;}
@media (max-width: 768px) {
    .account-sides-wrap {background: rgba(0, 0, 0, 0.4); bottom: 0; cursor: pointer; left: 0; opacity: 0; position: fixed; right: 0; top: 0; transition: all 0.3s ease-out; visibility: hidden; z-index: 9999; }
    .account-sides-wrap.active {opacity: 1; visibility: visible; }
    .account-sides-wrap.active .account-sides-info {transform: translateX(0); }
}
.account-sides-info {border-radius: var(--bs-border-radius); overflow: hidden;}
@media (max-width: 768px) {
    .account-sides-info {background-color: #fff; height: 100%; left: 0; position: fixed; top: 0; transform: translateX(-100%); transition: all 0.3s ease-out; width: 80%; z-index: 1046; }
}
.account-sides-info .mb-header {justify-content: space-between; padding: 10px;}
.account-sides-info .head,
.account-sides-info .mb-header {align-items: center; border-bottom: 1px solid #eee; display: flex;}
.account-sides-info .head {background-color: #fff; border-top-left-radius: 0.275rem; border-top-right-radius: 0.275rem; padding: 1.4rem 1rem;}
@media (max-width: 768px) {
    .account-sides-info .head {border-bottom: 1px solid #eee; padding: 1rem; }
}
.account-sides-info .head .portrait {border: 2px solid #fff; border-radius: 50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14); flex-shrink: 0; height: 70px; margin-right: 10px; overflow: hidden; width: 70px;}
@media (max-width: 768px) {
    .account-sides-info .head .portrait {height: 60px; margin-right: 14px; width: 60px; }
}
.account-sides-info .head .account-name {font-size: 1rem; font-weight: 700; margin-bottom: 0.4rem;}
.account-sides-info .head .account-email {color: #666;}
.account-sides-info .account-links {border-radius: 0;}
.account-sides-info .account-links > a {border: none; border-bottom: 1px solid #eee; padding: 0.75rem 1rem; text-decoration: none !important; transition: all 0.2s ease-in-out;}
.account-sides-info .account-links > a > span.icon {line-height: 1; margin-right: 8px;}
.account-sides-info .account-links > a:last-of-type {border-bottom: none;}
.account-sides-info .account-links > a:hover {background-color: #e9ecef;}
.account-sides-info .account-links > a.active {background-color: #e9ecef; color: #111;}
.account-sides-info .account-links > a .badge {color: #fff;}
.text-size-min {font-size: 12px;}
.text-truncate-2 {-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;}
@media (max-width: 992px) {
    .breadcrumb-filter {align-items: center; background-color: #f6f6f6; background-color: #fff; display: flex; justify-content: space-between; padding-right: 10px; }
    /* 隐藏移动端筛选按钮 */
    .breadcrumb-filter .mb-filter {font-size: 18px; text-align: center; width: 20px; display: none;}
    .breadcrumb-filter i {line-height: 1; }
}
@media (min-width: 992px) {
    .breadcrumb-filter .mb-filter {display: none; }
}
@media (max-width: 992px) {
    .breadcrumb-filter {margin-bottom: 10px; }
    .breadcrumb-filter .breadcrumb-wrap {margin-bottom: 0; }
}
.breadcrumb-wrap {background-color: #fff; margin-bottom: 20px;}
@media (max-width: 992px) {
    .breadcrumb-wrap {margin-bottom: 10px; }
    .breadcrumb-wrap .breadcrumb {padding-bottom: 0.4rem; padding-top: 0.4rem; }
}
.text-ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-ellipsis.line-2 {-webkit-line-clamp: 2;}
.text-ellipsis.line-2,
.text-ellipsis.line-3 {-webkit-box-orient: vertical; display: -webkit-box; white-space: normal;}
.text-ellipsis.line-3 {-webkit-line-clamp: 3;}
.mobile-paginator {align-items: center; display: flex; justify-content: center;}
.mobile-paginator .input-group {margin: 0 10px; max-width: 60px;}
.mobile-paginator .input-group .input-group-text {padding: 0.46rem 0.56rem;}
.mobile-paginator .input-group #mb-page-input {padding: 0.46rem 0.26rem; text-align: center;}
.mobile-paginator .btn {
    /* 移动端按钮边框 */
    /* border: 1px solid var(--bs-border-color); */
    border:none;
}
.mobile-paginator .btn:active {background-color: #eee;}
.address-dialog .el-form-item__label {line-height: normal;}
.iframe-modules-sortable-ghost {background-color: #f7f7f7; border: 1px dashed #000000; border-radius: 4px; font-size: 20px; margin-bottom: 10px; padding: 10px; text-align: center;}
.iframe-modules-sortable-ghost .icon {display: none;}
#product-description td,
.page-content table td {/* border-width: 1px; */
}
header .top-wrap {background: #f7f8fa; display: flex; height: 36px;}
@media (max-width: 768px) {
    header .top-wrap .container-fluid,
    header .top-wrap > .container {padding: 0 10px; }
}
header .top-wrap .dropdown:hover {background-color: #fff;}
header .top-wrap .dropdown:hover .dropdown-menu {border: none; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: block;}
header .top-wrap .dropdown:hover .dropdown-menu.dropdown-menu-end {right: 0;}
header .header-content .nav-item:hover > a {color: #000000;}
header .header-content .dropdown .dropdown-menu {border: none; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: block; left: 50%; max-height: 80vh; opacity: 0; overflow-y: auto; transform: translate(-50%, 0.5rem); transform-origin: top center; transition: all 0.2s ease-in-out; visibility: hidden;}
header .header-content .dropdown:hover .dropdown-menu {opacity: 1; transform: translate(-50%); visibility: visible;}
header .header-content {background-color: #fff; padding: 1rem 0; position: relative; transition: all 0.2s ease-in-out;}
body:not(.page-home) header .header-content {/* border-bottom: 1px solid #eee; */
}
header .header-content.fixed {border-color: transparent; left: 0; padding: 0.4rem 0; position: fixed; right: 0; top: 0; z-index: 999; /* background-color: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.06);}
header .header-content.fixed.black {background-color: #fff; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.06);}
header .header-content .container-fluid,
header .header-content > .container {align-items: center; display: flex;}
header .header-content .container-fluid>div {width: 33.333%;; flex-direction: row-reverse;}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {justify-content: left; }
}
header .header-content .container-fluid>div.right-btn ul {justify-content:right;}
header .header-content .menu-wrap .container {max-width: 1140px;}
header .header-content .menu-wrap > .navbar-nav > .nav-item {background-color: transparent;}
header
    .header-content
    .menu-wrap
    > .navbar-nav
    > .nav-item:hover
    > .nav-link
    > svg {transform: rotate(180deg);}
.logo-white{display: none;}
header .header-content .menu-wrap > .navbar-nav > .nav-item > .nav-link {font-size: 16px; padding: 1rem; position: relative;}
@media (max-width: 1200px) {
    header .header-content .menu-wrap > .navbar-nav > .nav-item > .nav-link {padding: 1rem 0.5rem; }
}
header .header-content .menu-wrap > .navbar-nav > .nav-item > .nav-link > svg {margin-left: -3px; transition: all 0.2s ease-in-out;}
header
    .header-content
    .menu-wrap
    > .navbar-nav
    > .nav-item
    > .nav-link.dropdown-toggle:after {counter: ""; display: none;}
header .header-content .menu-wrap > .navbar-nav > .nav-item > .nav-link .badge {bottom: 80%; font-weight: 400; left: 50%; margin-left: 0; padding: 2px 4px; position: absolute;}
header
    .header-content
    .menu-wrap
    > .navbar-nav
    > .nav-item
    > .nav-link
    .badge:before {border: 4px solid; border-color: inherit; border-bottom-color: transparent !important; border-left-width: 0; border-right-color: transparent !important; border-right-width: 7px; content: ""; left: 10px; position: absolute; top: 100%;}
header .header-content .menu-wrap > .navbar-nav .group-name {font-size: 15px;}
header .header-content .menu-wrap > .navbar-nav .ul-children a {color: #7a7a7a;}
header .header-content .menu-wrap > .navbar-nav .ul-children a:hover {color: #000000;}
header .header-content .logo img {max-height: 50px; max-width: 200px;}
@media (max-width: 1200px) {
    header .header-content .logo img {max-width: 160px; }
}
header .header-content .right-btn .nav-link {color: #333; padding-left: 1.4rem; padding-right: 1.4rem; position: relative;}
@media (max-width: 1200px) {
    header .header-content .right-btn .nav-link {padding-left: 0.3rem; padding-right: 0.3rem; }
}
header .header-content .right-btn .nav-link i {font-size: 1.1rem;}
header .header-content .right-btn .nav-link img {width: 24px;}
header .cart-badge-quantity {zoom: 0.9; background-color: #000000; border-radius: 50%; color: #fff; display: none; font-size: 12px; height: 23px; left: 27px; line-height: 24px; position: absolute; text-align: center; top: -3px; width: 23px;}
header .header-mobile {
    /* border-bottom: 1px solid #eee;  */
}
header .header-mobile.fixed {
    /* background: #fff;  */
    border-color: transparent; 
    /* box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.1);  */
    left: 0; position: fixed; right: 0; top: 0; z-index: 999;
}
header .header-mobile .mobile-content {align-items: center; display: flex; justify-content: space-between; padding: 10px;}
header .header-mobile .mobile-content > div {width: 33.33%;}
header .header-mobile .mobile-content > div.center a {align-items: center; display: flex; height: 30px; justify-content: center;}
header .header-mobile .mobile-content > div.center a img {max-height: 100%;}
header .header-mobile .mobile-content .left {align-items: center; display: flex;}
header .header-mobile .mobile-content .left > div {cursor: pointer;}
header .header-mobile .mobile-content .left > div > i {font-size: 1.5rem; line-height: 1;}
header .header-mobile .mobile-content .left .mobile-open-search {margin-left: 12px;}
header .header-mobile .mobile-content .left .mobile-open-search > i {font-size: 1.1rem;}
header .header-mobile .mobile-content .right {display: flex; justify-content: flex-end;}
header .header-mobile .mobile-content .right .m-cart .cart-badge-quantity {height: 20px; left: 11px; line-height: 20px; top: -9px; width: 20px;}
header .header-mobile .mobile-content .right .mb-account-icon span {border-bottom: 0; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid; display: inline-block; margin-right: -2px; vertical-align: 0.255em;}
header .header-mobile .mobile-content .right .nav-link {padding: 0;}
header .header-mobile .mobile-content .right .nav-link i {font-size: 1.2rem;}
#offcanvas-search-top {display: block; height: 100vh; justify-content: center;}
@media (min-width: 992px) {
    #offcanvas-search-top {/* height: 520px; */
        height: 380px; }
}
@media (min-width: 1200px) {
    #offcanvas-search-top {/* height: 580px; */
        height: 420px; }
}
@media (min-width: 1400px) {
    #offcanvas-search-top {/* height: 620px; */
        height: 460px; }
}
@media (max-width: 992px) {
    #offcanvas-search-top {overflow-y: auto; padding-bottom: 40px; }
}
@media (max-width: 768px) {
    #offcanvas-search-top.offcanvas-start {width: 100%; }
}
#offcanvas-search-top .offcanvas-header {padding-left: 0; padding-right: 0; width: 100%;}
#offcanvas-search-top .search-input-wrap {margin-bottom: 10px; margin-right: 6px; position: relative;}
#offcanvas-search-top .search-input-wrap input {border-color: #222; border-radius: 100px;}
#offcanvas-search-top .search-input-wrap input:focus {border-color: #000000; box-shadow: none;}
#offcanvas-search-top .search-input-wrap .input-group-text {background-color: transparent; border: none; bottom: 0; color: #222; font-size: 17px; position: absolute; right: 0; text-align: center; top: 0; width: 50px; z-index: 9;}
#offcanvas-search-top .btn-close {opacity: 1; padding: 1rem;}
#offcanvas-search-top .btn-close:hover {background-color: #eee;}
#offcanvas-search-top .hot-search-wrap .hot-search-list {display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0;}
#offcanvas-search-top .search-pop-products-wrap .spinner-border {
    display: none;}
#offcanvas-search-top .search-pop-products-wrap .product-name .btn {padding-right: 0;}
#offcanvas-search-top .search-pop-products-wrap.loading {align-items: center; background-color: #f5f5f5; display: flex; justify-content: center; min-height: 300px;}
#offcanvas-search-top .search-pop-products-wrap.loading .hot-products-title,
#offcanvas-search-top .search-pop-products-wrap.loading .sp-products {display: none;}
#offcanvas-search-top .search-pop-products-wrap.loading .spinner-border {display: block;}
#offcanvas-search-top .search-pop-products-show-all .btn {background-color: #222; border-radius: 60px; color: #fff; min-width: 120px;}
#offcanvas-right-cart .select-wrap {cursor: pointer; margin-right: 10px;}
#offcanvas-right-cart .select-wrap i {color: #aaa; font-size: 20px;}
#offcanvas-right-cart .select-wrap i.bi-check-circle-fill {color: #000000;}
#offcanvas-right-cart .offcanvas-right-products .product-list {border-top: 1px solid #eee; padding: 1rem 0;}
#offcanvas-right-cart .offcanvas-right-products .product-list .left {border: 1px solid #eee; flex: 0 0 80px; height: 80px; margin-right: 10px; width: 80px;}
#offcanvas-right-cart .offcanvas-right-products .product-list .left img {max-height: 80px;}
#offcanvas-right-cart .offcanvas-right-products .product-list .right .name {word-break: break-all;}
#offcanvas-right-cart
    .offcanvas-right-products
    .product-list
    .right
    .price
    input {height: 24px; margin-left: 10px; width: 50px;}
#offcanvas-right-cart
    .offcanvas-right-products
    .product-list
    .right
    .offcanvas-products-delete {color: #999; cursor: pointer;}
#offcanvas-mobile-menu {width: 80%;}
#offcanvas-mobile-menu .offcanvas-header {padding: 10px 20px 10px 10px;}
#offcanvas-mobile-menu .mobile-menu-wrap {padding: 0;}
#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion {border-top: 1px solid #e5e5e5;}
#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item {border-bottom: 1px solid #e5e5e5;}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    .nav-item-text {align-items: center; display: flex; justify-content: space-between;}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    .nav-item-text
    > a {align-items: center; display: flex; flex: 1; height: 44px; padding-left: 10px;}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    .nav-item-text
    > a
    .badge {font-weight: 400; margin-left: 13px; position: relative;}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    .nav-item-text
    > a
    .badge:before {border: 5px solid transparent; border-right-color: inherit; content: ""; position: absolute; right: 100%; top: 50%; transform: translateY(-50%);}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    .nav-item-text
    > span {align-items: center; border-left: 1px solid transparent; display: flex; height: 44px; justify-content: center; width: 44px;}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    .nav-item-text
    > span:active,
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    .nav-item-text
    > span[aria-expanded="true"] {background-color: #eee;}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    .nav-item-text
    > span[aria-expanded="true"]
    i {transform: rotate(180deg);}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    > .accordion-collapse {border-top: 1px solid #e5e5e5; padding: 0 10px;}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    > .accordion-collapse
    .children-group
    .children-title {height: 44px;}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    > .accordion-collapse
    .children-group
    .children-title
    span {align-items: center; display: flex; height: 42px; justify-content: center; margin-right: -10px; width: 44px;}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    > .accordion-collapse
    .children-group
    .children-title
    span:active {background-color: #eee;}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    > .accordion-collapse
    .children-group
    .children-title
    span[aria-expanded="true"]
    i:before {content: "\f63b";}
#offcanvas-mobile-menu
    .mobile-menu-wrap
    #menu-accordion
    .accordion-item
    > .accordion-collapse
    .children-group
    .nav
    a {color: #777;}
footer {/* background: #f4f4f4; */
    margin-top: 1rem; overflow: hidden; position: relative;}
@media (max-width: 768px) {
    footer {border-top: 1px solid #eee; }
}
footer .footer-wrapper {position: relative; z-index: 1;}
@media (min-width: 768px) {
    footer {margin-top: 0rem; }
}
footer .footer-active {outline: 2px dashed #4bb1f0 !important;}
footer .services-wrap {border-bottom: 1px solid #e7e7e7; padding: 2.2rem 0;}
@media (max-width: 768px) {
    footer .services-wrap {padding: 0.5rem 0; }
}
footer .services-wrap .service-item {align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center;}
footer .services-wrap .service-item .icon {flex: 0 0 40px; margin-bottom: 16px; width: 40px;}
@media (max-width: 768px) {
    footer .services-wrap .service-item .icon {display: none; }
}
footer .services-wrap .service-item p {margin-bottom: 0;}
footer .services-wrap .service-item .title {color: #333; font-size: 1rem; font-weight: 700; margin-bottom: 4px;}
footer .services-wrap .service-item .sub-title {color: #75797f; font-size: 0.75rem;}
@media (min-width: 768px) {
    footer .footer-content {padding: 150px 0 0; }
}
@media (max-width: 768px) {
    footer .footer-content > .row {margin: 0; }
    footer .footer-content > .row > .col-12 {padding-left: 0; padding-right: 0; }
}
footer .footer-content a {color: #333;}
footer .footer-content a:hover {color: #000000;}
footer .footer-content .logo {margin-bottom: 10px; max-width: 240px;}
footer .footer-content .text {color: #010000;}
footer .footer-content h6 {align-items: center; display: flex; /* font-size: 15px; */
    justify-content: space-between;}
@media (min-width: 768px) {
    footer .footer-content h6 {margin-bottom: 20px; }
}
@media (max-width: 768px) {
    footer .footer-content h6 {margin-bottom: 0; padding: 12px 0; }
}
footer .footer-content h6 .icon-open {cursor: pointer; display: none; font-size: 18px; font-weight: 700; height: 20px; line-height: 20px; text-align: center; width: 20px;}
@media (max-width: 768px) {
    footer .footer-content h6 .icon-open {display: block; }
}
footer .footer-content .social-network {display: flex; margin-top: 10px;}
footer .footer-content .social-network > a {align-items: center; display: flex; height: 30px; justify-content: center; margin-right: 10px; transition: all 0.3s ease; width: 30px;}
footer .footer-content .social-network > a:hover {transform: translateY(-5px);}
@media (min-width: 768px) {
    footer .footer-content .intro-title {display: none; }
}
@media (max-width: 768px) {
    footer .footer-content .footer-link-wrap {border-bottom: 1px solid #eee; }
}
footer .footer-content .footer-link-wrap.active .icon-open i:before {content: "\f63b";}
footer .footer-content .footer-link-wrap.active .intro-wrap,
footer .footer-content .footer-link-wrap.active ul.list-unstyled {max-height: 1666px;}
footer .footer-content .footer-link-wrap .intro-wrap,
footer .footer-content .footer-link-wrap ul.list-unstyled {margin-bottom: 0;}
footer .footer-content .footer-link-wrap .intro-wrap li,
footer .footer-content .footer-link-wrap ul.list-unstyled li {/* font-size: 14px; */
    margin-bottom: 10px;}
@media (max-width: 768px) {
    footer .footer-content .footer-link-wrap .intro-wrap,
    footer .footer-content .footer-link-wrap ul.list-unstyled {max-height: 0; overflow: hidden; transition: all 0.35s; width: 100%; }
}
footer .footer-bottom {align-items: center; border-top: 1px solid #e6e3dc; color: #666; display: flex;}
@media (min-width: 768px) {
    footer .footer-bottom {min-height: 60px; }
}
@media (max-width: 768px) {
    footer .footer-bottom {padding: 10px 0; }
    footer .footer-bottom .d-flex,
    footer .footer-bottom .row.align-items-center {justify-content: center; }
}
footer .footer-bottom .copyright-content p {margin-bottom: 0;}
.product-list-wrap .col-12:not(:last-of-type) .product-wrap {border-bottom: 1px solid #e6e6e6; padding-bottom: 1.4rem;}
.product-list-wrap .col-12:not(:last-of-type) .product-wrap:hover .button-wrap {bottom: 10px; opacity: 1;}
.product-wrap {background-color: #fff; padding-bottom: 2rem; text-align: center; transition: all 0.3s ease-in-out;}
.product-wrap .product-bottom-info {padding: 0 5px;}
.product-wrap.list {display: flex; padding-bottom: 0;}
.product-wrap.list .image {flex: 0 0 100px; margin-bottom: 0; transition: all 0.3s ease-in-out;}
@media (min-width: 768px) {
    .product-wrap.list .image {flex: 0 0 200px; }
}
.product-wrap.list .image .image-old {height: auto !important;}
.product-wrap.list .product-name {-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; height: 42px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-overflow: initial;}
.product-wrap.list .product-bottom-info {flex: 1; padding-left: 10px; padding-top: 10px; text-align: left;}
@media (min-width: 768px) {
    .product-wrap.list .product-bottom-info {padding-left: 20px; }
}
.product-wrap.list .product-bottom-info .product-name {font-size: 14px;}
@media (max-width: 768px) {
    .product-wrap.list .product-bottom-info .button-wrap,
    .product-wrap.list .product-bottom-info .quick-view-wish {display: none; }
    .product-wrap.list .product-name {height: auto;}
}
.product-wrap .image {margin-bottom: 10px; overflow: hidden; position: relative;}
.product-wrap .image > a {align-items: center; display: block; justify-content: center; opacity: 1; position: relative;
	height: 0px; padding-bottom: 100%;}
.product-wrap .image .image-after {height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transform: scale(1); transition: all 0.4s ease-out; width: 100%;}
.product-wrap .image .button-wrap {bottom: -30px; display: flex; justify-content: center; opacity: 0; position: absolute; transition: all 0.2s ease-in-out; width: 100%; z-index: 40;}
@media (max-width: 992px) {
    .product-wrap .image .button-wrap {display: none; }
}
.product-wrap .image .button-wrap .btn-add-cart {flex: 1;}
.product-wrap .image .button-wrap .btn-quick-view i {font-size: 16px;}
.product-wrap .image .button-wrap .btn-quick-view,
.product-wrap .image .button-wrap .btn-wishlist {flex: 0 0 46px;}
.product-wrap .image .button-wrap button {background-color: #111; border: none; border-radius: 0; border-right: 1px solid #333; font-weight: 700;}
.product-wrap .image .button-wrap button:last-child {border-right: none;}
.product-wrap .image .button-wrap button i {line-height: 1;}
@media (min-width: 768px) {
    .product-wrap:hover .image > a .image-after {opacity: 1; transform: scale(1.1); z-index: 9; }
    .product-wrap:hover .button-wrap {bottom: 0; opacity: 1; }
}
.product-wrap .product-name {/* -webkit-line-clamp: 2; 取消移动端产品列表标题里面三个点*/
    -webkit-line-clamp:unset; -webkit-box-orient: vertical; display: -webkit-box; /* font-size: 14px; */
    /* font-weight: 700; */
    /* height: 40px; */
    margin-bottom: 6px; overflow: visible; /* 取消移动端产品列表标题里面三个点  */
    text-overflow: unset!important; white-space: normal;}
.product-wrap .product-price .price-new {color: #000000; font-size: 1rem;}
@media (max-width: 768px) {
    .product-wrap .product-price .price-new {font-size: 0.75rem; }
}
.product-wrap .product-price .price-old {color: #aaa; margin-left: 4px; text-decoration: line-through;}
.page-categories-home,
.page-pages {background-color: #fff;}
.page-categories-home .post-item,
.page-pages .post-item {display: flex;}
.page-categories-home .post-item .image,
.page-pages .post-item .image {align-items: center; border: 1px solid #eee; display: flex; flex: 0 0 150px; justify-content: center; margin-right: 20px;}
@media (max-width: 768px) {
    .page-categories-home .post-item .image,
    .page-pages .post-item .image {flex: 0 0 100px; margin-right: 10px; }
    .page-categories-home .post-item .text-summary,
    .page-pages .post-item .text-summary {display: none; }
    body.page-forgotten,
    body.page-login {overflow-x: hidden; }
}
body.page-forgotten .el-form-item__error--inline,
body.page-login .el-form-item__error--inline {margin-left: 0;}
body.page-forgotten .login-alert .layui-layer-btn0,
body.page-login .login-alert .layui-layer-btn0 {background-color: #222; border-color: #222;}
body.page-forgotten .forgotten-link,
body.page-login .forgotten-link {display: block; margin-top: -14px;}
body.page-forgotten .el-form-item,
body.page-login .el-form-item {margin-bottom: 18px;}
body.page-forgotten .el-form-item .el-form-item__content,
body.page-login .el-form-item .el-form-item__content {line-height: 1;}
body.page-forgotten .login-item-header,
body.page-login .login-item-header {background: #f3f4f6; border-bottom: none; border-radius: 100px; padding: 1.2rem 1.5rem;}
body.page-forgotten .login-item-header h6,
body.page-login .login-item-header h6 {font-size: 1rem; font-weight: 700;}
body.page-forgotten .vr-wrap,
body.page-login .vr-wrap {margin: 0 80px;}
@media (min-width: 768px) {
    body.page-forgotten .login-wrap,
    body.page-login .login-wrap {display: flex; justify-content: center; }
}
body.page-forgotten .login-wrap .card,
body.page-login .login-wrap .card {border: none;}
@media (min-width: 768px) {
    body.page-forgotten .login-wrap .card,
    body.page-login .login-wrap .card {width: 340px; }
}
body.page-forgotten .form-iframe,
body.page-login .form-iframe {margin-bottom: 30px;}
@media (max-width: 768px) {
    body.page-forgotten .form-iframe,
    body.page-login .form-iframe {margin-top: 0 !important; padding: 0; }
}
body.page-forgotten .form-iframe .vr-wrap,
body.page-login .form-iframe .vr-wrap {margin: 0 60px;}
body.page-forgotten .form-iframe .card,
body.page-login .form-iframe .card {border: none;}
body.page-forgotten .social-wrap .title,
body.page-login .social-wrap .title {color: #999; position: relative; text-align: center;}
body.page-forgotten .social-wrap .title:before,
body.page-login .social-wrap .title:before {background: #e5e5e5; content: ""; height: 1px; left: 0; position: absolute; top: 47%; width: 100%;}
body.page-forgotten .social-wrap .title span,
body.page-login .social-wrap .title span {background-color: #fff; padding: 0 5px; position: relative; z-index: 1;}
body.page-forgotten .social-wrap .btn,
body.page-login .social-wrap .btn {color: #666;}
body.page-forgotten .social-wrap .btn img,
body.page-login .social-wrap .btn img {left: 40px; position: absolute;}
body.page-forgotten .social-wrap .btn:hover,
body.page-login .social-wrap .btn:hover {background-color: #eee;}
body.page-account .account-card {border: none;}
body.page-account .account-card .card-items > a {color: #222; text-decoration: none !important; width: 25%;}
body.page-account .account-card .card-items > a i {font-size: 2rem;}
body.page-account .account-card .card-items > a span {display: flex;}
@media (min-width: 992px) {
    body.page-account .account-card .card-body {min-height: 509px; }
}
body.page-account .account-card .order-wrap {background-color: #f6f8f9;}
@media (min-width: 768px) {
    body.page-account .account-card .order-wrap {padding: 2rem 1rem; }
}
body.page-account .account-card .order-wrap .icon i {color: #777; font-size: 4.5rem;}
body.page-account .account-card .order-wrap .text {font-size: 1rem;}
@media (max-width: 768px) {
    .account-sides-info {margin-bottom: 14px; }
    body.page-product {background-color: #f2f2f3; padding-bottom: 64px; }
    body.page-product .breadcrumb-wrap {display: none; }
    body.page-product .product-container {overflow-x: hidden; padding: 0; }
    body.page-product .product-mb-block {background-color: #fff; margin-bottom: 10px; padding: 10px; }
}
body.page-product #product-description img {height: auto; max-width: 100%;}
body.page-product .product-image {align-items: stretch; display: flex; position: relative;}
body.page-product .product-image #swiper {height: 100%;}
body.page-product .product-image #swiper .swiper-wrapper {flex-direction: column;}
@media (max-width: 768px) {
    body.page-product .product-image #swiper:hover .swiper-pager > div {display: none; }
}
body.page-product .product-image #swiper:hover .swiper-pager > div {background-color: hsla(0, 0%, 100%, 0.548); opacity: 1;}
body.page-product .product-image #swiper:hover .swiper-pager > div:hover {background-color: #fff;}
body.page-product .product-image #swiper-mobile {border-right: 1px solid #eee; width: 100%;}
body.page-product .product-image #swiper-mobile .swiper-pagination {--swiper-theme-color: #000; --swiper-navigation-color: #000; --swiper-navigation-size: 30px;}
body.page-product .product-image .left {margin-right: 1rem;}
@media (min-width: 992px) {
    body.page-product .product-image .left {max-height: 360px; }
}
@media (min-width: 1200px) {
    body.page-product .product-image .left {max-height: 450px; }
}
@media (min-width: 1400px) {
    body.page-product .product-image .left {max-height: 512px; }
}
body.page-product .product-image .left .swiper > div > div {border: 1px solid #eee; border-radius: 4px; cursor: pointer; height: 80px; margin-bottom: 10px; min-height: 80px; padding: 2px; width: 80px;}
body.page-product .product-image .left .swiper > div > div > a {align-items: center; display: flex; height: 100%; justify-content: center;}
body.page-product .product-image .left .swiper > div > div > a img {max-height: 100%;}
body.page-product .product-image .left .swiper > div > div.active,
body.page-product .product-image .left .swiper > div > div:hover {border: 1px solid #3a3a3a;}
body.page-product .product-image .left .swiper-pager > div {background-color: hsla(0, 0%, 100%, 0); opacity: 0; transition: all 0.3s;}
body.page-product .product-image .left .swiper-pager .swiper-button-next {border: 0; height: 55px; left: calc(50% + 5px); top: calc(100% - 36px); transform: rotate(90deg) translateY(25%); transform-origin: center; width: 30px;}
body.page-product .product-image .left .swiper-pager .swiper-button-next.active,
body.page-product .product-image .left .swiper-pager .swiper-button-next:hover {border: 0 !important;}
body.page-product .product-image .left .swiper-pager .swiper-button-next:after {font-size: 18px;}
body.page-product .product-image .left .swiper-pager .swiper-button-prev {border: 0; height: 55px; left: calc(50% + 5px); top: 0; transform: rotate(90deg) translateY(25%); transform-origin: center; width: 30px;}
body.page-product .product-image .left .swiper-pager .swiper-button-prev.active,
body.page-product .product-image .left .swiper-pager .swiper-button-prev:hover {border: 0 !important;}
body.page-product .product-image .left .swiper-pager .swiper-button-prev:after {font-size: 18px;}
body.page-product .product-image .right {border: 1px solid #eee; border-radius: 4px; position: relative;}
body.page-product .product-image .right .product-img {align-items: center; display: flex; justify-content: center; max-width: 510px;}
body.page-product .product-image #product-video {display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 99;}
body.page-product .product-image .open-video {cursor: pointer; left: 50%; line-height: 1; position: absolute; top: 50%; transform: translateY(-50%); transform: translateX(-50%); z-index: 99;}
body.page-product .product-image .open-video:hover i {background-color: rgba(0, 0, 0, 0.648); color: #fff;}
body.page-product .product-image .open-video i {background-color: rgba(0, 0, 0, 0.348); border-radius: 50%; color: hsla(0, 0%, 100%, 0.948); display: inline-block; font-size: 4rem; font-weight: 400; line-height: 1;}
@media (max-width: 768px) {
    body.page-product .product-image .open-video i {font-size: 3rem; }
}
body.page-product .product-image .close-video {color: #aaa; cursor: pointer; font-size: 30px; position: absolute; right: 10px; top: 6px; z-index: 9999;}
body.page-product .product-image .close-video:hover {color: #fff;}
@media (max-width: 768px) {
    body.page-product .stock-and-sku {background: #fafafa; line-height: 1.6; /* padding: 8px; */
    }
}
@media (min-width: 768px) {
    body.page-product .stock-and-sku > div {/* font-size: 14px; */
        margin-bottom: 10px; }
}
@media (max-width: 768px) {
    body.page-product .stock-and-sku > div {display: inline-block; margin-right: 10px; }
}
@media (min-width: 768px) {
    body.page-product .stock-and-sku > div .title {width: 80px; }
}
body.page-product .variables-wrap.error {background-color: hsla(8, 100%, 97%, 0.591); border: 1px dashed #000; border-radius: 6px; transition: all 0.3s;}
body.page-product .variables-wrap .variable-group {margin-bottom: 10px;}
body.page-product .variables-wrap .variable-group:last-of-type {margin-bottom: 0;}
body.page-product .variables-wrap .variable-info > div {align-items: center; border: 1px solid transparent; border-radius: 100px; cursor: pointer; display: inline-flex; flex-direction: column; font-size: 0.75rem; /* font-weight: 700; */
    justify-content: center; margin-bottom: 0.5rem; margin-left: 0; margin-right: 0.5rem; min-width: 1.5rem; text-align: center; transition: all 0.1s ease-in-out; overflow: hidden;}
body.page-product .variables-wrap .variable-info > div.selected,
body.page-product .variables-wrap .variable-info > div:hover {border:1px solid black;}
body.page-product .variables-wrap .variable-info > div.selected.disabled,
body.page-product .variables-wrap .variable-info > div:hover.disabled {/* border-style: dashed; */
    opacity: 0.7;}
body.page-product .variables-wrap .variable-info > div:not(.is-v-image) {
    padding: 0.4rem 1rem;}
body.page-product .variables-wrap .variable-info > div > span.image {width: 30px;}
body.page-product .variables-wrap .variable-info > div:not(.selected).disabled {/* border: 1px dashed #2e2929; */
    color: #999;}
body.page-product .quantity-wrap button,
body.page-product .quantity-wrap input {border-color: #ddd; border-width: 1px;}
body.page-product .quantity-wrap button:first-child {border-right: none;}
body.page-product .quantity-wrap button:last-child {border-left: none;}
body.page-product .quantity-wrap input {border-left: none; border-right: none;}
body.page-product .product-btns .add-cart-btns {display: flex; flex: 1;}
body.page-product .product-btns .add-cart-btns .add-cart,
body.page-product .product-btns .add-cart-btns .btn-buy-now {flex: 1;}
@media (min-width: 768px) {
    body.page-product .product-btns .add-cart-btns .add-cart,
    body.page-product .product-btns .add-cart-btns .btn-buy-now {/* font-size: 1rem; padding-bottom: 10px; padding-top: 10px; */
    }
}
@media (max-width: 768px) {
    body.page-product .product-btns {align-items: center; background: #fff; bottom: 0; box-shadow: 0 -8px 12px 0 rgba(0, 0, 0, 0.102); display: flex; flex-wrap: wrap; left: 0; max-height: 102px; padding: 10px 10px calc(10px + env(safe-area-inset-bottom)); position: fixed; right: 0; width: 100%; z-index: 100; }
    body.page-product .product-btns .quantity-btns {align-items: center; display: flex; }
    body.page-product .product-btns .btn-buy-now {margin: 0 10px; }
    body.page-product .product-btns .add-wishlist .btn {color: #333 !important; padding: 0; }
    body.page-product .product-btns .add-wishlist span {display: none; }
    body.page-product .product-btns .add-wishlist i {font-size: 20px; }
}
body.page-product .peoduct-info .product-name {font-size: 0.75rem; /* line-height: 1.3; */
}
@media (max-width: 768px) {
    body.page-product .peoduct-info .product-name {font-size: 1rem; font-weight: 400; }
}
body.page-product .peoduct-info .rating-wrap {margin-bottom: 2rem;}
body.page-product .peoduct-info .rating-wrap .rating {margin-right: 0.5rem;}
body.page-product .peoduct-info .rating-wrap .rating i {color: #000000;}
body.page-product .peoduct-info .price-wrap {margin-bottom: 1rem;}
@media (max-width: 768px) {
    body.page-product .peoduct-info .price-wrap {margin-bottom: 1rem; }
}
@media (min-width: 768px) {
    body.page-product .peoduct-info .quantity-btns {display: flex; }
}
body.page-product .peoduct-info .quantity-btns .quantity-input {max-width: 5rem; text-align: center;}
@media (min-width: 768px) {
    body.page-product .peoduct-info .add-wishlist button {margin-top: 10px; padding: 0 !important; }
}
body.page-product .product-description .nav-tabs .nav-link {border: none;}
body.page-product .product-description .nav-tabs .nav-link.active {background-color: transparent; color: #000000; position: relative;}
body.page-product .product-description .nav-tabs .nav-link.active:before {border-top: 1px solid #000000; bottom: 0; content: ""; left: 0; position: absolute; right: 0;}
@media (min-width: 768px) {
    body.page-product .attribute-table tr td:first-of-type {width: 20%; }
}
@media (max-width: 768px) {
    body.page-product .attribute-table tr td:first-of-type {width: 40%; }
    body.page-product .relations-wrap .container {padding: 0 0 10px; }
}
body.page-product .relations-wrap .title {font-size: 20px; margin-bottom: 22px;}
@media (max-width: 768px) {
    body.page-product .relations-wrap .title {font-size: 14px; font-weight: 700; margin-bottom: 10px; }
}
body.page-product .relations-wrap .swiper-pagination {bottom: -30px;}
body.page-product .relations-wrap .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height: 3px;}
body.page-cart,
body.page-checkout {background-color: #f6f8fa;}
body.page-cart .breadcrumb-wrap,
body.page-checkout .breadcrumb-wrap {background-color: transparent; margin-bottom: 0;}
@media (max-width: 768px) {
    body.page-cart,
    body.page-checkout {padding-bottom: 64px; }
}
@media (min-width: 992px) {
    body.page-cart .left-column,
    body.page-checkout .left-column {width: 70%; }
    body.page-cart .right-column,
    body.page-checkout .right-column {width: 30%; }
}
@media (max-width: 768px) {
    body.page-cart .right-column,
    body.page-checkout .right-column {margin-top: 1.4rem; }
}
body.page-cart #app-cart {min-height: 200px;}
body.page-cart .cart-products-wrap .table tbody {border-top: none;}
body.page-cart .cart-products-wrap .table tbody td {border-color: #f0f2f4; vertical-align: middle;}
body.page-cart .cart-products-wrap .table thead {background-color: #f8f9fa;}
body.page-cart .cart-products-wrap .table thead th {border-bottom: none; box-shadow: none; padding: 0.7rem 0.5rem; white-space: nowrap;}
body.page-cart .cart-products-wrap .table .p-image input {flex: 0 0 1;}
body.page-cart .total-wrap.total-wrap-fixed {position: fixed; right: 0; top: 0;}
body.page-cart .total-wrap .card-header {background-color: transparent; border-bottom: none; padding-top: 1rem;}
body.page-cart .total-wrap .list-group li {background-color: transparent; border-color: #eee; padding: 0.7rem 0;}
body.page-cart .total-wrap .list-group li:not(.d-grid) {
    align-items: center; display: flex; justify-content: space-between;}
body.page-cart .total-wrap .list-group li .total-price {color: #222; font-size: 1.2rem; font-weight: 700;}
body.page-cart .mb-product-wrap {margin-left: -12px; margin-right: -12px;}
body.page-cart .mb-product-wrap .mb-product-list {background-color: #fff; display: flex; margin-bottom: 10px; padding: 10px;}
body.page-cart .cart-mb-total {align-items: center; background: #fff; bottom: 0; box-shadow: 0 -8px 12px 0 rgba(0, 0, 0, 0.102); display: flex; justify-content: space-between; left: 0; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); position: fixed; right: 0; transition: transform 0.3s ease-in-out; z-index: 100;}
body.page-cart .cart-mb-total .right {flex: 1; text-align: right;}
body.page-cart .cart-mb-total .right .total-price {font-size: 0.75rem;}
body.page-cart .cart-mb-total .btn-checkout {margin-left: 4px; width: 50%;}
body.page-checkout {background-color: #f6f8fa;}
@media (max-width: 992px) {
    body.page-checkout .submit-checkout-wrap {align-items: center; background: #fff; bottom: 0; box-shadow: 0 -8px 12px 0 rgba(0, 0, 0, 0.102); display: flex !important; justify-content: space-between; left: 0; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); position: fixed; right: 0; transition: transform 0.3s ease-in-out; z-index: 100; }
    body.page-checkout .submit-checkout-wrap #submit-checkout {width: 50%; }
    body.page-checkout .submit-checkout-wrap .text-total {font-size: 0.75rem; }
}
body.page-checkout .radio-line-wrap .radio-line-item {align-items: center; border: 1px solid transparent; border-radius: 8px; cursor: pointer; display: flex; padding: 20px;}
@media (max-width: 768px) {
    body.page-checkout .radio-line-wrap .radio-line-item {padding: 10px; }
}
body.page-checkout .radio-line-wrap .radio-line-item:not(:last-of-type) {
    margin-bottom: 1rem;}
body.page-checkout .radio-line-wrap .radio-line-item:hover {border-color: #e5e5e5;}
body.page-checkout .radio-line-wrap .radio-line-item:active {background-color: #f7f7f7;}
body.page-checkout .radio-line-wrap .radio-line-item.active {border-color: #e5e5e5;}
body.page-checkout .radio-line-wrap .radio-line-item.active .radio {border-color: #000000;}
body.page-checkout .radio-line-wrap .radio-line-item.active .radio:before {background-color: #000000; border-radius: 50%; content: ""; height: 12px; left: 2px; position: absolute; top: 2px; width: 12px;}
body.page-checkout .radio-line-wrap .radio-line-item .radio {border: 1px solid #d4d4d4; border-radius: 50%; flex: 0 0 18px; height: 18px; position: relative; width: 18px;}
body.page-checkout .radio-line-wrap .radio-line-item .left {align-items: center; display: flex; margin-right: 10px;}
body.page-checkout .radio-line-wrap .radio-line-item .left img {margin-left: 10px; max-height: 60px;}
body.page-checkout .radio-line-wrap .radio-line-item .right .title {font-weight: 700;}
@media (min-width: 768px) {
    body.page-checkout .addresses-wrap .item.address-right {padding: 0 2.6rem; }
}
@media (max-width: 768px) {
    body.page-checkout .addresses-wrap .item.address-right {padding: 0; }
    body.page-checkout
        .addresses-wrap
        .item.address-right
        button:first-of-type {margin-right: 10px; }
}
body.page-checkout .addresses-wrap .item.address-right {align-items: center; border: none; cursor: auto; display: flex; justify-content: center;}
@media (min-width: 768px) {
    body.page-checkout .addresses-wrap .item.address-right {flex-direction: column; }
}
body.page-checkout .comment-wrap .commentTxt {border-color: #e5e5e5;}
body.page-checkout .comment-wrap .commentTxt:focus-visible {border-color: #000000; outline: 0;}
body.page-bk-stripe .checkout-black,
body.page-checkout .checkout-black {margin-bottom: 2.6rem;}
@media (max-width: 768px) {
    body.page-bk-stripe .checkout-black,
    body.page-checkout .checkout-black {margin-bottom: 1rem; }
}
body.page-bk-stripe .checkout-title,
body.page-checkout .checkout-title {align-items: center; border-bottom: 1px solid #f1f1f1; display: flex; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; position: relative;}
@media (max-width: 768px) {
    body.page-bk-stripe .checkout-title,
    body.page-checkout .checkout-title {margin-bottom: 10px; padding-bottom: 10px; }
}
body.page-bk-stripe .checkout-title .btn,
body.page-checkout .checkout-title .btn {margin-bottom: -10px;}
body.page-bk-stripe .checkout-title .btn.icon,
body.page-checkout .checkout-title .btn.icon {font-size: 1rem;}
@media (min-width: 768px) {
    body.page-bk-stripe .total-wrap .card-body,
    body.page-checkout .total-wrap .card-body {padding: 0; }
}
body.page-bk-stripe .total-wrap .card-header,
body.page-checkout .total-wrap .card-header {background-color: #fff; border-bottom: 1px solid #e6e6e6; margin-bottom: 1rem;}
@media (min-width: 768px) {
    body.page-bk-stripe .total-wrap .card-header,
    body.page-checkout .total-wrap .card-header {padding: 0 0 0.75rem; }
}
body.page-bk-stripe .total-wrap .card-header h5,
body.page-checkout .total-wrap .card-header h5 {font-weight: 700;}
body.page-bk-stripe .total-wrap .card-header span,
body.page-checkout .total-wrap .card-header span {color: #fff; line-height: 24px; min-width: 24px; text-align: center;}
body.page-bk-stripe .total-wrap .products-wrap,
body.page-checkout .total-wrap .products-wrap {border-bottom: 1px solid #e6e6e6; margin-bottom: 1.3rem; padding-bottom: 0.3rem;}
@media (min-width: 768px) {
    body.page-bk-stripe .total-wrap .products-wrap,
    body.page-checkout .total-wrap .products-wrap {max-height: 380px; overflow-y: auto; }
}
body.page-bk-stripe .total-wrap .products-wrap .item,
body.page-checkout .total-wrap .products-wrap .item {align-items: center; display: flex; justify-content: space-between; margin-bottom: 0.75rem;}
body.page-bk-stripe .total-wrap .products-wrap .item .image,
body.page-checkout .total-wrap .products-wrap .item .image {align-items: center; display: flex; padding-right: 4px;}
body.page-bk-stripe .total-wrap .products-wrap .item .image .quantity,
body.page-checkout .total-wrap .products-wrap .item .image .quantity {color: #7a7a7a; margin-left: 3px;}
body.page-bk-stripe .total-wrap .products-wrap .item .price,
body.page-checkout .total-wrap .products-wrap .item .price {color: #7a7a7a;}
body.page-bk-stripe .total-wrap .totals,
body.page-checkout .total-wrap .totals {list-style: none; margin-bottom: 0; padding-left: 0;}
@media (min-width: 768px) {
    body.page-bk-stripe .total-wrap .totals,
    body.page-checkout .total-wrap .totals {border-bottom: 1px solid #e6e6e6; margin-bottom: 1.5rem; padding-bottom: 0.3rem; }
}
body.page-bk-stripe .total-wrap .totals > li,
body.page-checkout .total-wrap .totals > li {align-items: center; display: flex; justify-content: space-between; margin-bottom: 14px;}
body.page-bk-stripe .total-wrap .totals > li:last-of-type,
body.page-checkout .total-wrap .totals > li:last-of-type {font-weight: 700;}
@media (max-width: 768px) {
    body.page-bk-stripe .total-wrap .totals > li:last-of-type,
    body.page-checkout .total-wrap .totals > li:last-of-type {margin-bottom: 0; }
}
body.page-bk-stripe .total-wrap .totals > li:last-of-type > span:last-of-type,
body.page-checkout .total-wrap .totals > li:last-of-type > span:last-of-type {color: #dc3545;}
body.page-bk-stripe .total-wrap .totals > li > span:first-of-type,
body.page-checkout .total-wrap .totals > li > span:first-of-type {font-size: 0.75rem;}
@media (min-width: 992px) {
    body.page-categories .col-lg-9.right-column {flex: 1; }
    body.page-categories .col-lg-3.left-column {max-width: 290px; }
}
@media (min-width: 1500px) {
    body.page-categories .col-lg-3.left-column {max-width: 340px; }
}
body.page-categories .col-lg-3.left-column .card:not(:last-of-type) {
    border-bottom: 1px solid #e6e6e6; margin-bottom: 1.4rem; padding-bottom: 1.4rem;}
@media (max-width: 992px) {
    body.page-categories .left-column {background: rgba(0, 0, 0, 0.4); bottom: 0; cursor: pointer; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 999; }
    body.page-categories .left-column .x-fixed-top {background-color: #fff; height: 100%; overflow-y: auto; padding: 20px; position: absolute; right: 0; text-align: left; top: 0; transform: translateX(100%); transition: all 0.3s ease-out; width: 80%; }
    body.page-categories .left-column .x-fixed-top.active {transform: translateX(0); }
    body.page-categories .children-wrap {display: none; }
}
body.page-categories .children-wrap a {color: #333; margin-right: 4px;}
body.page-categories .children-wrap a:hover {color: #000000;}
body.page-categories .style-wrap label {cursor: pointer;}
body.page-categories .style-wrap label.active svg {fill: #000000;}
body.page-categories .style-wrap label svg {fill: #999;}
body.page-categories .filter-value-wrap .list-group {display: block;}
body.page-categories .filter-value-wrap .list-group .list-group-item {background: #f3f3f3; border: none; color: #666; cursor: pointer; display: inline-block; font-size: 12px; padding: 4px 12px;}
body.page-categories .filter-value-wrap .list-group .list-group-item.delete-all,
body.page-categories .filter-value-wrap .list-group .list-group-item:hover {background: #000000; color: #fff;}
@media (min-width: 992px) {
    body.page-categories .product-tool .order-select {min-width: 170px; }
}
@media (max-width: 768px) {
    body.page-categories .product-tool .right-per-page {flex: 1; justify-content: space-between; }
    body.page-categories .product-tool .right-per-page .perpage-select {max-width: 60px; padding-right: 8px; }
    body.page-categories .product-tool .right-per-page .form-select {font-size: 0.7rem; padding-bottom: 0.25rem; padding-left: 0.5rem; padding-top: 0.25rem; }
}
body.page-categories .ui-widget-content {background: none; border: none; border-radius: 0; cursor: pointer; margin-bottom: 0; margin-right: 4px; position: relative;}
body.page-categories .ui-widget-content .ui-widget-header {background: #000000; border-radius: 0; height: 3px; margin-top: -3px; position: absolute; top: 50%;}
body.page-categories .ui-widget-content .slider-bg {background: #e3e3e3; height: 3px; margin-top: -3px; position: absolute; top: 50%; width: 100%;}
body.page-categories .ui-widget-content .ui-slider-handle {background: #000000; border: none !important; border-radius: 0; cursor: ew-resize; margin-left: 0; outline: none !important; width: 4px;}
.sidebar-widget {border-bottom: 1px solid #e6e6e6; list-style: none; padding: 0 0 1.4rem;}
.sidebar-widget li {line-height: 24px; overflow: hidden; padding-bottom: 0.3rem; padding-top: 0.3rem; width: 100%;}
.sidebar-widget li:last-of-type {border-bottom: none;}
.sidebar-widget li .category-href {color: #333; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 36px);}
.sidebar-widget li.active > a {color: #000000; font-weight: 700;}
.sidebar-widget ul {list-style: none; padding-left: 12px;}
.sidebar-widget .toggle-icon {float: right; font-size: 16px; height: 24px; padding: 0; text-align: center; width: 24px;}
.sidebar-widget .toggle-icon i {color: #aaa;}
.sidebar-widget .toggle-icon.collapsed {transform: rotate(-180deg);}
.filter-box .attribute-item .form-check-label {cursor: pointer;}
.filter-box .attribute-item .form-check-label:hover .form-check-input {border-color: #000000;}
.el-input__inner {border-radius: 100px !important;}
@media (max-width: 768px) {
    .el-message-box {max-width: 90%; }
}
.el-dialog {border-radius: 10px !important;}
.el-button {border-radius: 10rem !important;}
body.page-order-success .order-wrap .card-body.main-body,
body.page-payment .order-wrap .card-body.main-body {padding: 3rem 3rem 3rem 7rem;}
@media (max-width: 768px) {
    body.page-order-success .order-wrap .card-body.main-body,
    body.page-payment .order-wrap .card-body.main-body {padding: 1rem; }
}
body.page-order-success .order-wrap .card-body .order-top,
body.page-payment .order-wrap .card-body .order-top {display: flex; justify-content: center; margin-bottom: 2.7rem; padding-bottom: 2.7rem;}
body.page-order-success .order-wrap .card-body .order-top .left,
body.page-payment .order-wrap .card-body .order-top .left {margin-top: -6px;}
@media (max-width: 768px) {
    body.page-order-success .order-wrap .card-body .order-top .left,
    body.page-payment .order-wrap .card-body .order-top .left {display: none; }
}
body.page-order-success .order-wrap .card-body .order-top .left i,
body.page-payment .order-wrap .card-body .order-top .left i {color: #4caf50; font-size: 80px; line-height: 1;}
body.page-order-success .order-wrap .card-body .order-top .right,
body.page-payment .order-wrap .card-body .order-top .right {flex: 1; margin-left: 2rem;}
@media (max-width: 768px) {
    body.page-order-success .order-wrap .card-body .order-top .right,
    body.page-payment .order-wrap .card-body .order-top .right {margin: 0; }
}
body.page-order-success .order-wrap .card-body .order-top .right .table,
body.page-payment .order-wrap .card-body .order-top .right .table {margin-bottom: 0;}
body.page-order-success .order-wrap .card-body .order-top .right .order-title,
body.page-payment .order-wrap .card-body .order-top .right .order-title {font-weight: 400; margin-bottom: 1.2rem;}
body.page-order-success .order-wrap .card-body .order-top .right .order-info,
body.page-payment .order-wrap .card-body .order-top .right .order-info {background-color: #fffaf0; border: 1px solid #ffe1ad; padding: 0.7rem;}
body.page-order-success .order-wrap .card-body .order-bottom,
body.page-payment .order-wrap .card-body .order-bottom {line-height: 2; margin-left: calc(2rem + 80px);}
@media (max-width: 768px) {
    body.page-order-success .order-wrap .card-body .order-bottom,
    body.page-payment .order-wrap .card-body .order-bottom {margin: 0; }
    body.page-account-order-list .order-status-wrap li {flex: 1; text-align: center; }
    body.page-account-order-list .order-status-wrap {margin-bottom: 14px; }
    body.page-account-order-list .order-status-wrap .nav-link {padding-left: 2px; padding-right: 2px; }
}
body.page-account-order-list .order-wrap .table .sep-row {height: 20px;}
body.page-account-order-list .order-wrap .table .sep-row td {border: 0;}
body.page-account-order-list .order-wrap .table .head-tr {background: #f5f5f5;}
body.page-account-order-list .order-wrap .table .head-tr td {border-bottom-color: #f5f5f5;}
body.page-account-order-list .order-wrap .table thead {background: #f5f5f5;}
body.page-account-order-list .order-wrap .table thead th {border: 0; font-weight: 500;}
body.page-account-order-list .order-wrap .table tbody td {border: 1px solid #e5e5e5;}
body.page-account-order-list .order-wrap .table .product-info {align-items: center; display: flex;}
body.page-account-order-list .order-wrap .table .product-info .img {flex: 0 0 60px; margin-right: 10px;}
@media (max-width: 768px) {
    body.page-account-order-list .order-wrap .table .product-info .img {flex: 0 0 50px; width: 50px; }
    body.page-account-order-list .order-wrap .table .product-info .name a {-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
}
body.page-account-order-list .order-mb-wrap .order-mb-list {border-radius: 4px;}
body.page-account-order-list .order-mb-wrap .header-wrapper {border-bottom: 1px solid #eee; margin-bottom: 12px; padding-bottom: 10px;}
body.page-account-order-list .order-mb-wrap .footer-wrapper {border-top: 1px solid #eee; margin-top: 12px; padding-top: 10px;}
body.page-account-order-info {background-color: #f7f8fa;}
body.page-account-order-info .product-list {align-items: center; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; margin-bottom: 1rem; padding-bottom: 1rem;}
body.page-account-order-info .product-list .left {flex: 0 0 80px; margin-right: 10px;}
body.page-account-order-info .product-list .right {color: #767676;}
@media (min-width: 768px) {
    body.page-account-order-info .product-list .right {font-size: 0.9375rem; }
}
body.page-account-order-info .product-list .right .name {color: #1a1a1a; margin-bottom: 0.4rem;}
body.page-account-order-info .nowrap {white-space: nowrap;}
body.page-account-address .addresses-wrap .item,
body.page-checkout .addresses-wrap .item {border: 1px solid #e5e5e5; cursor: pointer; height: 140px; margin-bottom: 1.3rem; padding: 14px; position: relative;}
@media (max-width: 768px) {
    body.page-account-address .addresses-wrap .item,
    body.page-checkout .addresses-wrap .item {height: auto; margin-bottom: 0.75rem; padding: 10px; }
    body.page-account-address .addresses-wrap .item.address-right,
    body.page-checkout .addresses-wrap .item.address-right {margin-bottom: 0; display: block;}
}
body.page-account-address .addresses-wrap .item:hover,
body.page-checkout .addresses-wrap .item:hover {border-color: #222;}
body.page-account-address .addresses-wrap .item.active,
body.page-checkout .addresses-wrap .item.active {border-left: none;}
body.page-account-address .addresses-wrap .item.active:before,
body.page-checkout .addresses-wrap .item.active:before {background-color: #4991f4; background: repeating-linear-gradient(
        -45deg, #d60404, #d60404 10px, #fff 0, #fff 20px, #4991f4 0, #4991f4 30px, #fff 0, #fff 40px
    ); content: ""; height: calc(100% + 2px); left: 0; position: absolute; top: -1px; width: 4px;}
body.page-account-address .addresses-wrap .item .name-wrap,
body.page-checkout .addresses-wrap .item .name-wrap {line-height: 1; margin-bottom: 0.6rem;}
body.page-account-address .addresses-wrap .item .name-wrap .name,
body.page-checkout .addresses-wrap .item .name-wrap .name {font-size: 1rem; font-weight: 700;}
body.page-account-address .addresses-wrap .item .name-wrap .phone,
body.page-checkout .addresses-wrap .item .name-wrap .phone {color: #666; font-size: 0.75rem;}
body.page-account-address .addresses-wrap .item .zipcode,
body.page-checkout .addresses-wrap .item .zipcode {margin-bottom: 0.3rem; min-height: 20px;}
body.page-account-address .addresses-wrap .item .address-info,
body.page-checkout .addresses-wrap .item .address-info {height: 32px; line-height: 1.3;}
body.page-account-address .addresses-wrap .item .address-bottom,
body.page-checkout .addresses-wrap .item .address-bottom {align-items: center; display: flex; justify-content: space-between; min-height: 28px;}
body.page-account-address .mobileWidth,
body.page-checkout .mobileWidth {width: 600px;}
@media (max-width: 768px) {
    body.page-account-address .mobileWidth,
    body.page-checkout .mobileWidth {width: 95%; }
}
body.page-account-address .dialog-address,
body.page-checkout .dialog-address {display: block;}
@media (max-width: 768px) {
    body.page-account-address .dialog-address > div,
    body.page-checkout .dialog-address > div {width: 100%; }
}
@media (min-width: 768px) {
    body.page-account-address .dialog-address,
    body.page-checkout .dialog-address {display: flex; }
}
body.page-brands .brand-item {align-items: center; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07); display: flex; height: 133px; justify-content: center; margin-bottom: 10px; width: 100%;}
body.page-brands .brand-item > img {max-height: 100%;}
body.page-brands .brand-list li {list-style: none;}
body.page-brands .brand-list li a {color: #242424; text-decoration: none;}
body.page-brands .curser-list {cursor: pointer;}
@media (max-width: 768px) {
    body.page-brands .curser-list {display: block; }
    body.page-brands .curser-list li {display: inline-block; margin-bottom: 6px; }
    body.page-brands .curser-list li + .list-group-item {border-left: 1px solid #e4e4e4; }
}
body.page-brands .curser-list > li > a {color: #242424; text-decoration: none; transition: all 0.3s;}
body.page-brands .curser-list > li > a:hover {background-color: #eee;}
body.page-brands .curser-list > li > a:active {background-color: #aaa;}
.modules-box .module-item {
    /* padding-bottom: 12px; padding-top: 12px;  */
    position: relative;
}
@media (min-width: 768px) {
    /* .modules-box .module-item {padding-bottom: 32px; padding-top: 32px; } */
}
.modules-box .module-item:first-of-type {padding-top: 0;}
.modules-box .module-item:last-of-type {padding-bottom: 0;}
.modules-box .module-item.module-item-design.currently-editing:after {display: block; outline: 2px solid #0072ff;}
.modules-box
    .module-item.module-item-design:hover:not(.currently-editing):after {display: block; outline: 1px dashed #0072ff;}
.modules-box .module-item:after {border-radius: var(--bs-border-radius); bottom: 2px; content: ""; display: none; left: 2px; position: absolute; right: 2px; top: 2px; z-index: 9;}
.module-image-plus .module-image-plus-top {display: flex;}
.module-image-plus .module-image-plus-top .right {margin-left: 20px;}
.module-image-plus .module-image-plus-bottom {margin-top: 24px;}
.banner-magnify-hover .image-wrap {display: block; overflow: hidden;}
.banner-magnify-hover .image-wrap img {transition: 0.3s ease-in-out;}
.banner-magnify-hover .image-wrap:hover img {transform:scale(1.03);}/* rotate(6deg)  */
.module-img-text-slideshow {--swiper-theme-color: #fff; --swiper-navigation-color: #fff; --swiper-pagination-bullet-width: 60px; --swiper-pagination-bullet-height: 4px; --swiper-pagination-bullet-inactive-opacity: 1; overflow: hidden; position: relative;}
.module-img-text-slideshow .swiper-pagination-bullet {background-color: hsla(0, 0%, 100%, 0.4); border-radius: 2px; overflow: hidden; position: relative;}
.module-img-text-slideshow .swiper-pagination-bullet span {background-color: #fff; height: 100%; left: 0; position: absolute; top: 0; width: 0;}
@media (min-width: 992px) {
    .module-img-text-slideshow .swiper-pagination {bottom: 20px !important; }
}
.module-img-text-slideshow .swiper-slide-active .image-wrap {transform: scale(1);}
.module-img-text-slideshow .autoplay-progress {align-items: center; bottom: 16px; color: var(--swiper-theme-color); display: flex; font-weight: 700; height: 48px; justify-content: center; position: absolute; right: 16px; width: 48px; z-index: 10;}
.module-img-text-slideshow .autoplay-progress svg {--progress: 0; stroke-width: 4px; stroke: var(--swiper-theme-color); fill: none; stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6; height: 100%; left: 0; position: absolute; top: 0; transform: rotate(-90deg); width: 100%; z-index: 10;}
.module-img-text-slideshow .content-wrap {display: flex;}
.module-img-text-slideshow .content-wrap.start {justify-content: flex-start;}
.module-img-text-slideshow .content-wrap.center {justify-content: center; text-align: center;}
.module-img-text-slideshow .content-wrap.center .text-wrap {max-width: 800px;}
.module-img-text-slideshow .content-wrap.end {justify-content: flex-end; text-align: right;}
.module-img-text-slideshow .image-wrap {align-items: center; background-position: 50%; background-repeat: no-repeat; background-size: cover; display: flex; height: 330px; transform: scale(1.1732); transform-origin: center center; transition: transform 3s cubic-bezier(0.23, 1, 0.32, 1);}
@media (min-width: 768px) {
    .module-img-text-slideshow .image-wrap {height: 600px; }
}
@media (min-width: 1200px) {
    .module-img-text-slideshow .image-wrap {height: 700px; }
}
.module-img-text-slideshow .text-wrap {color: #fff; max-width: 600px;}
@media (min-width: 992px) {
    .module-img-text-slideshow .text-wrap {margin-top: 30px; }
}
@media (max-width: 992px) {
    .module-img-text-slideshow .text-wrap {padding: 30px 0; }
}
.module-img-text-slideshow .text-wrap .sub-title {font-size: 0.75rem; margin-bottom: 0.75rem;}
@media (min-width: 992px) {
    .module-img-text-slideshow .text-wrap .sub-title {font-size: 2rem; }
}
.module-img-text-slideshow .text-wrap .title {color: #fff; font-size: 1rem; margin-bottom: 0.7rem;}
@media (min-width: 992px) {
    .module-img-text-slideshow .text-wrap .title {font-size: 3rem; }
}
@media (min-width: 1200px) {
    .module-img-text-slideshow .text-wrap .title {font-size: 4rem; }
}
.module-img-text-slideshow .text-wrap .description {font-size: 1rem;}
@media (min-width: 992px) {
    .module-img-text-slideshow .text-wrap .description {font-size: 1.2rem; margin-bottom: 2rem; }
}
.module-img-text-slideshow .text-wrap a.btn {background-color: #fff; border: 1px solid #222; font-size: 0.75rem; font-weight: 700;}
.module-img-text-slideshow .text-wrap a.btn:hover {background-color: #222;}
@media (min-width: 992px) {
    .module-img-text-slideshow .text-wrap a.btn {margin-top: 1.5rem; padding: 1rem 2rem; }
}
.module-swiper-img-scroll-text {font-size: 20px; overflow: hidden; padding: 36px 0; position: relative; width: 100%;}
@media (max-width: 768px) {
    .module-swiper-img-scroll-text {font-size: 14px !important; padding: 16px 0 !important; }
}
.module-swiper-img-scroll-text .scroll-info {white-space: nowrap;}
.module-swiper-img-scroll-text .scroll-info .scroll-text {animation: marquee-animation2 3s linear infinite; display: inline-block; font-weight: 700; padding: 0 15px;}
@keyframes marquee-animation2 {0% {transform: translate(0); }
    to {transform: translate(-100%); }
}
.module-img-text-slideshow-2 {--swiper-theme-color: #fff; --swiper-navigation-color: #fff; --swiper-pagination-bullet-width: 5px; --swiper-pagination-bullet-height: 5px; --swiper-pagination-bullet-inactive-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 12px; overflow: hidden; position: relative;}
.module-img-text-slideshow-2.w-container,
.module-img-text-slideshow-2.w-container-fluid {border-radius: 16px; overflow: hidden;}
.module-img-text-slideshow-2 .swiper-pagination-bullet {background-color: hsla(0, 0%, 100%, 0.6); position: relative;}
.module-img-text-slideshow-2 .swiper-pagination-bullet:after {border: 1px solid #fff; border-radius: 50%; content: ""; height: 24px; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 24px;}
.module-img-text-slideshow-2 .swiper-pagination-bullet-active {background-color: #fff;}
.module-img-text-slideshow-2 .swiper-pagination-bullet-active:after {opacity: 1;}
@media (min-width: 992px) {
    .module-img-text-slideshow-2 .swiper-pagination {bottom: 20px !important; }
}
.module-img-text-slideshow-2 .swiper-slide-active .image-wrap {transform: scale(1);}
.module-img-text-slideshow-2 .autoplay-progress {align-items: center; bottom: 16px; color: var(--swiper-theme-color); display: flex; font-weight: 700; height: 48px; justify-content: center; position: absolute; right: 16px; width: 48px; z-index: 10;}
.module-img-text-slideshow-2 .autoplay-progress svg {--progress: 0; stroke-width: 4px; stroke: var(--swiper-theme-color); fill: none; stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6; height: 100%; left: 0; position: absolute; top: 0; transform: rotate(-90deg); width: 100%; z-index: 10;}
.module-img-text-slideshow-2 .content-wrap {display: flex;}
.module-img-text-slideshow-2 .content-wrap.start {justify-content: flex-start;}
.module-img-text-slideshow-2 .content-wrap.center {justify-content: center; text-align: center;}
.module-img-text-slideshow-2 .content-wrap.center .text-wrap {max-width: 800px;}
.module-img-text-slideshow-2 .content-wrap.end {justify-content: flex-end; text-align: right;}
.module-img-text-slideshow-2 .image-text-wrap {align-items: center; display: flex; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.module-slideshow .image-text-wrap,
.module-slideshow .image-text-wrap p,
.module-slideshow .image-text-wrap h2,
.module-slideshow .image-text-wrap .btn{color: white;}
.module-slideshow .image-text-wrap.black,
.module-slideshow .image-text-wrap.black p,
.module-slideshow .image-text-wrap.black h2,
.module-slideshow .image-text-wrap.black .btn{color: black;}
.module-slideshow .image-text-wrap.black .btn{border-color: black;}
.black.swiper-button-next:after, .black.swiper-button-prev:after{color: black!important;}
.module-slideshow .image-text-wrap {text-align: center; width: 100%; left: 0; position: absolute; bottom: 5%;}
.module-slideshow .image-text-wrap .btn {padding:0; border: none;}
.module-img-text-slideshow-2 .image-wrap {transform: scale(1.1732); transition: transform 3s cubic-bezier(0.23, 1, 0.32, 1);}
.module-img-text-slideshow-2 .text-wrap {color: #fff; max-width: 800px;}
@media (max-width: 992px) {
    .module-img-text-slideshow-2 .text-wrap {padding: 30px 0; }
}
.module-img-text-slideshow-2 .text-wrap .sub-title {font-size: 0.75rem; margin-bottom: 0.4rem;}
@media (min-width: 992px) {
    .module-img-text-slideshow-2 .text-wrap .sub-title {font-size: 2rem; margin-bottom: 0.75rem; }
}
.module-img-text-slideshow-2 .text-wrap .title {color: #fff; font-size: 0.75rem; margin-bottom: 0;}
@media (min-width: 992px) {
    .module-img-text-slideshow-2 .text-wrap .title {font-size: 3rem; margin-bottom: 1.2rem; }
}
.module-img-text-slideshow-2 .text-wrap .description {font-size: 0.75rem; margin-bottom: 0.75rem;}
@media (min-width: 992px) {
    .module-img-text-slideshow-2 .text-wrap .description {font-size: 1.2rem; margin-bottom: 2rem; }
}
.module-img-text-slideshow-2 .text-wrap a.btn {background-color: #fff; font-size: 0.7rem; padding: 0.3rem 0.75rem;}
.module-img-text-slideshow-2 .text-wrap a.btn:hover {background-color: #222;}
@media (min-width: 992px) {
    .module-img-text-slideshow-2 .text-wrap a.btn {font-size: 0.75rem; font-weight: 700; margin-top: 1.5rem; padding: 1rem 2rem; }
}
.module-swiper-img-scroll-text-2 {font-size: 20px; overflow: hidden; padding: 36px 0; position: relative; width: 100%;}
@media (min-width: 992px) {
    .module-swiper-img-scroll-text-2 {border-top: 1px solid #e4e4e4; }
}
@media (max-width: 768px) {
    .module-swiper-img-scroll-text-2 {font-size: 14px !important; padding: 16px 0 !important; }
}
.module-swiper-img-scroll-text-2 .scroll-info {white-space: nowrap;}
.module-swiper-img-scroll-text-2 .scroll-info .scroll-text {animation: marquee-animation 3s linear infinite; display: inline-block; padding: 0 35px; position: relative;}
.module-swiper-img-scroll-text-2 .scroll-info .scroll-text:after {background-color: #fff; content: "\f2ef"; display: block; font-family: bootstrap-icons; font-size: 8px; position: absolute; right: -5px; top: 50%; transform: translateY(-50%);}
@keyframes marquee-animation {0% {transform: translate(0); }
    to {transform: translate(-100%); }
}
@media (max-width: 992px) {
    .img-text-banner-wrap .img-wrap {margin: 10px 0; }
}
.img-text-banner-wrap .text-wrap {align-items: flex-start; display: flex; flex-direction: column; height: 100%; justify-content: center;}
@media (min-width: 1200px) {
    .img-text-banner-wrap .text-wrap {padding: 0 50px; }
}
@media (max-width: 992px) {
    .img-text-banner-wrap .text-wrap {align-items: center; }
}
.img-text-banner-wrap .text-wrap .title {margin-bottom: 20px;}
@media (min-width: 992px) {
    .img-text-banner-wrap .text-wrap .title {font-size: 34px; }
}
.img-text-banner-wrap .text-wrap .description {line-height: 1.7; margin-bottom: 20px;}
@media (min-width: 992px) {
    .img-text-banner-wrap .text-wrap .description {font-size: 15px; margin-bottom: 30px; }
}
.module-brand {font-size: 15px;}
.module-brand .brand-item {align-items: center; border: 1px solid #e2e2e2; border-radius: 15px; display: flex; height: 120px; justify-content: center; margin-bottom: 10px; overflow: hidden; transition: all 0.3s ease-in-out;}
.module-brand .brand-item:hover {border: 1px solid #000000; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);}
.module-brand .brand-item > img {max-height: 100%;}
.module-tab-product .module-title {margin-bottom: 1rem;}
.module-tab-product .nav {margin-bottom: 28px; margin-top: -10px;}
.module-tab-product .nav .nav-link {border-bottom: 2px solid transparent; color: #969a9e; font-size: 1.2rem; font-weight: 700; margin: 0 17px; padding: 0.3rem 0.2rem;}
@media (max-width: 768px) {
    .module-tab-product .nav .nav-link {font-size: 13px; margin: 0; padding: 0.2rem 0.7rem; }
}
.module-tab-product .nav .nav-link {box-shadow: none;}
.module-tab-product .nav .nav-link:hover {border-color: #ddd;}
.module-tab-product .nav .nav-link.active {border-color: #111; color: #111;}
.swiper.module-slideshow {--swiper-theme-color: #000; --swiper-navigation-color: #000; --swiper-navigation-size: 30px;}
.swiper.module-slideshow .swiper-button-next,
.swiper.module-slideshow .swiper-button-prev {display: none;}
.swiper.module-slideshow .swiper-button-next:focus-visible,
.swiper.module-slideshow .swiper-button-prev:focus-visible {outline-style:none;}
.swiper.module-slideshow:hover .swiper-button-next,
.swiper.module-slideshow:hover .swiper-button-prev {display: block;}
.swiper-style-plus {position: relative;}
.swiper-style-plus .swiper-button-next,
.swiper-style-plus .swiper-button-prev {color: #999; height: 37px; width: 34px; top:calc(50% - 50px);}
@media (max-width: 768px) {
    .swiper-style-plus .swiper-button-next,
    .swiper-style-plus .swiper-button-prev {display: none; }
}
.swiper-style-plus .swiper-button-next:hover,
.swiper-style-plus .swiper-button-prev:hover {color: #000000;}
.swiper-style-plus .swiper-button-next:after,
.swiper-style-plus .swiper-button-prev:after {font-size: 26px;}
.swiper-style-plus .swiper-button-prev {left: -40px;}
.swiper-style-plus .swiper-button-next {right: -40px;}
.swiper-style-plus .swiper-pagination .swiper-pagination-bullet-active {background: #000000;}
.swiper-style-plus .swiper-pagination.rectangle span {border-radius: 0; height: 3px;}
.pages-wrap {transition: all 0.3s ease-in-out;}
.pages-wrap:hover {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}
.pages-wrap:hover .page-info .pages-title a {color: #000000;}
.pages-wrap .image {border-radius: 10px; margin-bottom: 10px; overflow: hidden;}
.pages-wrap .image a {display: block;}
.pages-wrap .page-info {padding: 0 5px 10px; transition: all 0.3s ease-in-out;}
.pages-wrap .pages-title {font-size: 14px; font-weight: 700; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pages-wrap .pages-title a {color: #222; transition: all 0.3s ease-in-out;}
.pages-wrap .pages-summary {-webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #888; display: -webkit-box; height: 40px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis;}
.design-image-301 {clear: both; height: auto; overflow: hidden; position: relative; text-align: left; width: 100%;}
.design-image-301 > a {display: block; line-height: 100%; position: relative; transition: all 0.2s ease-in-out 0s;}
.design-image-301 > a:hover:before {background-color: rgba(0, 0, 0, 0.1); border: 15px solid hsla(0, 0%, 100%, 0.5); opacity: 1;}
.design-image-301 > a:before {border: 0 solid rgba(0, 0, 0, 0.3); bottom: 0; box-sizing: border-box; content: ""; left: 0; opacity: 0; overflow: visible; position: absolute; right: 0; top: 0; transition: all 0.2s ease-in-out 0s; z-index: 9;}
.design-image-301 > a:first-of-type {width: 49%;}
.design-image-301 > a:nth-of-type(2),
.design-image-301 > a:nth-of-type(3) {
    position: absolute; right: 0; width: 49%;}
.design-image-301 > a:nth-of-type(2) {
    top: 0;}
.design-image-301 > a:nth-of-type(3) {
    bottom: 0 !important;}
.module-image-402 .image-402-title {font-size: 1.5rem; font-weight: 700; margin-bottom: 14px; text-align: center;}
.module-image-402 .image-402-sub-title {font-size: 0.75rem; margin-bottom: 30px; text-align: center;}
@media (max-width: 768px) {
    .module-image-402 .image-402-sub-title {margin-bottom: 10px; }
}
.module-image-402 .module-image-info {margin: 0 -10px;}
@media (max-width: 768px) {
    .module-image-402 .module-image-info {margin: 0 -5px; }
}
.module-image-402 .module-image-info > div {padding: 0 10px;}
@media (max-width: 768px) {
    .module-image-402 .module-image-info > div {padding: 0 5px; }
}
.module-image-402 .module-image-info .image-402-1 {grid-area: 1/1/3/2;}
@media (max-width: 768px) {
    .module-image-402 .module-image-info .image-402-1 {margin-bottom: 10px; }
}
.module-image-402 .module-image-info .image-402-2 {grid-area: 1/2/2/3;}
@media (max-width: 768px) {
    .module-image-402 .module-image-info .image-402-2 {grid-area: 3/1/4/2; }
}
.module-image-402 .module-image-info .image-402-3 {grid-area: 2/2/3/3;}
@media (min-width: 768px) {
    .module-image-402 .module-image-info .image-402-3 {margin-top: 20px; }
}
@media (max-width: 768px) {
    .module-image-402 .module-image-info .image-402-3 {grid-area: 1/2/2/3; margin-bottom: 10px; }
}
.module-image-402 .module-image-info .image-402-4 {grid-area: 1/3/3/4;}
@media (max-width: 768px) {
    .module-image-402 .module-image-info .image-402-4 {grid-area: 2/2/4/3; }
}
.module-image-402 .image-wrap {border-radius: 10px; overflow: hidden; position: relative;}
.module-image-402 .image-wrap .img-name {bottom: 28px; display: flex; justify-content: center; left: 0; position: absolute; width: 100%;}
@media (max-width: 768px) {
    .module-image-402 .image-wrap .img-name {bottom: 18px; }
}
.module-image-402 .image-wrap .img-name span {background-color: #fff; border-radius: 40px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); color: #111; font-size: 1rem; font-weight: 700; padding: 6px 10px;}
@media (max-width: 768px) {
    .module-image-402 .image-wrap .img-name span {font-size: 0.7rem; }
}
.module-image-400 .image-402-title {font-size: 1.5rem; font-weight: 700; margin-bottom: 14px; text-align: center;}
.module-image-400 .image-402-sub-title {font-size: 0.75rem; margin-bottom: 30px; text-align: center;}
@media (max-width: 768px) {
    .module-image-400 .image-402-sub-title {margin-bottom: 10px; }
}
.module-image-400 .module-image-info {margin: 0 -10px;}
@media (max-width: 768px) {
    .module-image-400 .module-image-info {margin: 0 -5px; }
}
.module-image-400 .module-image-info > div {padding: 0 10px;}
@media (max-width: 768px) {
    .module-image-400 .module-image-info > div {padding: 0 5px; }
}
.module-image-400 .module-image-info .image-402-1 {grid-area: 1/1/3/2;}
@media (max-width: 768px) {
    .module-image-400 .module-image-info .image-402-1 {margin-bottom: 10px; }
}
.module-image-400 .module-image-info .image-402-2 {grid-area: 1/2/2/3;}
@media (max-width: 768px) {
    .module-image-400 .module-image-info .image-402-2 {grid-area: 3/1/4/2; }
}
.module-image-400 .module-image-info .image-402-3 {grid-area: 2/2/3/3;}
@media (min-width: 768px) {
    .module-image-400 .module-image-info .image-402-3 {margin-top: 20px; }
}
@media (max-width: 768px) {
    .module-image-400 .module-image-info .image-402-3 {grid-area: 1/2/2/3; margin-bottom: 10px; }
}
.module-image-400 .module-image-info .image-402-4 {grid-area: 1/3/3/4;}
@media (max-width: 768px) {
    .module-image-400 .module-image-info .image-402-4 {grid-area: 2/2/4/3; }
}
.module-image-400 .image-wrap {border-radius: 10px; overflow: hidden; position: relative;}
.module-image-400 .image-wrap .img-name {bottom: 28px; display: flex; justify-content: center; left: 0; position: absolute; width: 100%;}
@media (max-width: 768px) {
    .module-image-400 .image-wrap .img-name {bottom: 18px; }
}
.module-image-400 .image-wrap .img-name span {background-color: #fff; border-radius: 40px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); color: #111; font-size: 1rem; font-weight: 700; padding: 6px 10px;}
@media (max-width: 768px) {
    .module-image-400 .image-wrap .img-name span {font-size: 0.7rem; }
}
.module-image-403 .image-wrap {border-radius: 10px; color: #fff; position: relative;}
.module-image-403 .image-wrap:after {background: linear-gradient(180deg, transparent 70%, rgba(0, 0, 0, 0.2)); bottom: 0; content: ""; height: 100%; left: 0; position: absolute; width: 100%; z-index: 8;}
.module-image-403 .image-wrap .title {bottom: 13%; font-size: 18px; font-weight: 700; left: 10%; position: absolute; white-space: nowrap; z-index: 9;}
@media (min-width: 1200px) {
    .module-image-403 .image-wrap .title {font-size: 28px; }
}
.module-image-403 .image-wrap .sub-title {bottom: 6%; left: 10%; position: absolute; white-space: nowrap; z-index: 9;}
@media (min-width: 1200px) {
    .module-image-403 .image-wrap .sub-title {font-size: 16px; }
}
.module-icons .image-item {border-radius: 50%; overflow: hidden;}
@media (min-width: 768px) {
    .module-icons .title {font-size: 1rem; }
}
.module-img-text-banner-multiple .image-wrap {position: relative;}
.module-img-text-banner-multiple .image-wrap .image-item {border-radius: 14px; overflow: hidden;}
.module-img-text-banner-multiple .image-wrap .text-wrap {color: #fff; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.module-img-text-banner-multiple .image-wrap .text-wrap .text-title {font-size: 1rem; font-weight: 700;}
@media (min-width: 768px) {
    .module-img-text-banner-multiple .image-wrap .text-wrap .text-title {font-size: 2.4rem; }
}
.module-img-text-banner-multiple .image-wrap .text-wrap .text-sub-title {font-size: 0.7rem; margin-bottom: 6px;}
@media (min-width: 768px) {
    .module-img-text-banner-multiple .image-wrap .text-wrap .text-sub-title {font-size: 1rem; font-weight: 700; margin-bottom: 16px; }
}
.module-img-text-banner-multiple .image-wrap .text-wrap .btn {background-color: #fff; color: #111; font-weight: 700;}
.module-img-text-banner-multiple .image-wrap .text-wrap .btn:hover {background-color: #222; color: #fff;}
@media (max-width: 768px) {
    .module-img-text-banner-multiple .image-wrap .text-wrap .btn {display: none; }
}
@media (min-width: 768px) {
    .module-img-text-banner-multiple .image-wrap .text-wrap .btn {border-radius: 100px; font-size: 15px; margin-top: 30px; padding: 14px 30px; }
}
.module-tab-product .nav .nav-link,
.module-title
b, h1, h2, h3, h4, h5, h6, 
.pages-wrap .pages-title{font-weight:500;}
footer .services-wrap .service-item .title,
.footer-link-wrap h6 {font-weight: normal;}
.logo a {display: block; text-align: center;}
.logo img {margin: auto;}
.accordion-item {border: none;}
.accordion-button {position: relative;}
.accordion-button:not(.collapsed) {
    background-color: transparent; box-shadow: none; border: none; padding-left: 0; padding-right: 0;}
.accordion-button:focus {box-shadow: none;}
.accordion-button,
.accordion-body {padding-left: 0; padding-right: 0;}
.accordion-button::after,
.accordion-button:not(.collapsed):after{background:none;}
.toggle-button-box {position: absolute;right: 15px;}
.toggle-button {    width: 12px;     height: 12px;     position: relative;     background: transparent;     border: none;     cursor: pointer;     outline: none;     transition: transform 0.3s ease; }

        .toggle-button:hover {    transform: scale(1.1); }

        .toggle-button::before, .toggle-button::after {    content: '';     position: absolute;     background-color: #000000;     transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

        /* 十字形初始状态 */
        .toggle-button::before {    top: 50%;     left: 50%;     width: 12px;     height: 1px;     transform: translate(-50%, -50%) rotate(0deg);     transform-origin: center; }

        .toggle-button::after {    top: 50%;     left: 50%;     width: 1px;     height: 12px;     transform: translate(-50%, -50%) rotate(90deg);     transform-origin: center; }

        /* 展开状态 - 竖线旋转与横线重合 */
        [aria-expanded='true'] .toggle-button::before {    transform: translate(-50%, -50%) rotate(0deg); }

        [aria-expanded='false'] .toggle-button::after {    transform: translate(-50%, -50%) rotate(0deg); }
	.product-wrap .image {position: relative; padding: 0; margin: 0; width: 100%; height: 0; padding-bottom: 100%;}
    .product-wrap .image a {display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; position: relative;}
	.product-wrap .image a img {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
@media (min-width: 768px) {
    
	.title-warp {position: relative;}
	.product-grid-warp::-webkit-scrollbar {height: 0;display: none;}
	.product-grid-warp,
    .thumbnail-box {scrollbar-width: none; white-space: nowrap; word-break: keep-all; display: flex; overflow-x: scroll;}
    .thumbnail {width: 40px; height: 40px; flex: 0 0 auto; cursor: pointer;}
	.thumbnail-active {border: 1px solid gray;}
    .thumbnail-warp {overflow: hidden; width: 250px;}
    #prev-btn,#next-btn {cursor: pointer; display: inline-block;}
    #prev-btn i,#next-btn i {font-size: 28px; display: inline-block; width: 30px; height: 40px;}
    .scroll-ratio {position: absolute; top:50%; left:calc(50vw - 20px); z-index:10; display: none;opacity: 0; visibility: hidden;transition: opacity 0.6s ease;}
    .scroll-ratio.show {  display: block; opacity: 1; visibility: visible;}
	.product-wrap {text-align: left; position: relative;}
	.search-pop-products-wrap .product-bottom-info {position: relative;}
	.product-grid-warp .product-grid .product-wrap .product-bottom-info{position: absolute; left: 8%; bottom: 10%; z-index: 9;}
	.product-grid-warp .product-grid .product-wrap .product-name {font-size: inherit; height: auto; margin-bottom: 0;}
	.product-grid-warp .product-grid .product-wrap .product-price .price-new {font-size: inherit;}

	.product-grid-warp .product-grid .btn,
	.product-grid-warp .product-grid .btn:first-child:active, 
	.product-grid-warp .product-grid .btn:active {
		--bs-btn-color: #000;
		--bs-btn-bg: transparent;
		--bs-btn-border-color: transparent;
		border-color:transparent
    }
    .product-grid-warp .product-grid .btn {padding: 0.46rem 0.3rem;}
	.product-grid-warp .product-grid .btn-add-cart {padding-left: 0;}
    .button-wrap {position: absolute; top:-6px;right:-3px;}
	.search-pop-products-wrap .button-wrap {top: 6px; background-color: #fff;}
}
.product-wrap .product-bottom-info {padding-top: 15px;}
.product-wrap .product-name,
.product-wrap .product-price .price-new {font-size: 0.75rem;}
.swiper-pagination-bullet{border-radius:0!important; height: 1px!important; width: 12px!important;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 14px!important; color: black!important}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 0!important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: 0!important;}
.swiper-pagination-bullet-active {background-color: black!important;}
.product-wrap .swiper-pagination {text-align: left;}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {transition:opacity ease-out 0.5s; opacity: 0;}
.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev {opacity: 1;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0!important;}
.swiper:hover .swiper-button-next.swiper-button-disabled,
.swiper:hover .swiper-button-prev.swiper-button-disabled{opacity: 0.35!important;}
@media (max-width: 768px) {
    .productlist-warp {display: none;}
    .product-wrap .image {height: auto; padding-bottom: 0;}
}
.module-image-banner .module-image-banner-title{ position: absolute; left: 50%; transform: translate(-50%); bottom: 3%; text-align: center; width: 100%;}
.module-image-banner a {padding: 0; font-size: 0.75rem;}
.category-intro {position: relative; margin-bottom: 2rem;}
.category-intro .col {position: absolute; left:3%; bottom:5%; color: white;}