.quantity-wrapper {
    display: flex;
    align-items: center;
    max-width: 120px;
}

.qty-btn {
    width: 30px;
    height: 35px;
    padding: 0;
    text-align: center;
    font-size: 18px;
    line-height: 35px;
}
.quantity-input {
    width: 50px;
    text-align: center;
    border: 0px solid #ddd;
    padding:10px 2px;
    font-size: 16px;
}


.modal-bottom .modal-dialog {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
}

.modal-bottom .modal-content {
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
}

.modal-bottom {
  position: relative;
  animation: animatebottom 0.1s;
}

@keyframes animatebottom {
  from {
    bottom: -300px;
    opacity: 0;
  }

  to {
    bottom: 0;
    opacity: 1;
  }
}



.quantity-wrapper {
    display: flex;
    align-items: center;
    max-width: 120px;
    margin: 0 auto;
}

.qty-btn {
    width: 30px;
    height: 35px;
    text-align: center;
    font-size: 18px;
    line-height: 35px;
}

.color-btn {
    border: 2px solid transparent;
    padding: 10px 15px;
    transition: all 0.3s ease;
    border-radius: 10px; /* 胶囊形状 */
    margin: 5px;
    min-width: 60px;
    text-align: center;
}

.color-btn:hover {
    opacity: 0.8;
}

.color-btn.selected {
    border: 2px solid #000; /* 选中时加黑边 */
}

.form-group  div.color-btn {
    display: inline-block;
    border: 1px solid #d6d4d4;
    float: left;
    padding:5px;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin: 5px;
    text-decoration: none;
    display: block;
    text-align: left;
    background-color: #f3f3f3;
    font-size: 12px;
    width: 120px;
    word-break: break-word;
    cursor: pointer;
    text-transform: uppercase;

}
.form-group  .color-btn span {width:20px;height:20px;border-radius:5px;margin-right:5px;margin-bottom:0px}
.modal-bottom{text-align:center}
.modal-bottom .add-to-cart {width:100%;}
.modal-bottom .input-group {text-align:center;margin:10px auto;display: block;width:150px;clear: both;border:1px solid #999;}
.d-flex {clear:both;border-bottom:1px dotted #efefef;padding-bottom:2px;margin-bottom:2px}

/* 全宽展示 */
.container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0;
}
.container, .container-md, .container-lg, .container-xl {
    max-width: 100% !important;
}
/* subCat小图标 */
#subcategories ul li {
    width: calc(100% / 10 - 20px);
    min-width: 80px;
    margin: 10px;
    text-align: center;
}
#subcategories ul li h5 {
    font-size:0.7em;
    font-weight:normal;
}

.pagination .next, .pagination .previous {
    float: none;
}
.page-list li a {border:1px solid #ddd;border-radius:5px;padding:8px 12px 8px 14px;margin:5px}
.pagination .current a {
    font-size: 1rem;
    color: #24b9d7;
    text-decoration: none;
}

/* 让 header 固定在页面顶部 */
#header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background: white; /* 确保背景色 */
    z-index: 1000; /* 确保在其他元素上方 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}

#header .header-top {
    padding: 0.25rem 0;
    background-color: #7e7566;
} 
li.category {
    text-align: left;
    font-size: 14px;
    width: auto;
    padding: 0px 0px;
    background: #544A3B;
    border-radius: 30px;
    margin: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.top-menu a[data-depth="0"] {
    padding:0.4em 1.6em;
    font-size: 0.7rem;
    font-weight: 300;
}
.top-menu a[data-depth="0"] {
    padding:0.4em 1.6em;
    font-size: 0.9rem;
    font-weight: 300;
}
#header .header-top a[data-depth="0"] {
    color: #fff;
    text-transform: none;
}
#header .header-nav {
    max-height: 50px;
    border-bottom: #f6f6f6 0px solid;
    background: #7e7566;
    color:#fff;
}
#header .header-nav .blockcart {
    color:#fff;
    background: #7e7566;
}
#header .header-nav .cart-preview .shopping-cart {
    color: #fff;
}

#search_widget form input {
    border-radius: 30px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.sub-menu, .category-sub-menu { 
    display: none !important; 
}
.quick-buy-btn {padding:10px 45% 10px 45%;position: relative;
    bottom: 0;}
.product-actions .quick-buy-btn {padding:10px 20px 10px 20px;position: relative;
    bottom: 0;}
.product-miniature .product-description {
    position: relative;
    bottom: 0;
    height: auto;
    padding: 0rem 0rem 0rem;
    background: #fff;
}

.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 1px;
    padding-right: 1px;
    padding-left: 1px;
}
.product-miniature .product-title {
    min-height: 50px;
}
#mobile_top_menu_wrapper {
    padding: 15px;
    background:#433c33;
}
#mobile_top_menu_wrapper .top-menu a[data-depth="0"] {
    padding: .625rem .625rem 0rem 1.625rem;
    border-bottom: 0px solid #f6f6f6;
}


@media screen and (min-width: 1200px) {
    .carousel {max-width:1200px;margin:0 auto}
}

.cart-products-count {
    position: absolute;
    z-index: 100;
    top: 0.5em;
    right: 10px;
    background: #c30;
    margin: 0em 0em 0em -1.5em !important;
    min-width: 1em;
    min-height: 1em;
    padding: 0.5em !important;
    line-height: 0.5em;
    text-align: center;
    border-radius: 200rem;
    color: #fff;
    font-size:0.7em;
}

#header .header-nav .cart-preview.active {
    background: #7e7566;
}
#header .header-nav .blockcart {
    margin-right: .9375rem;margin-left: 0rem;
}

#block_myaccount_infos .myaccount-title a, #header a {
    color: #fff;
}
#search_widget form input {background:#544a3b}
#search_widget {
    margin-bottom: .125rem;
}