:root {
    --jdgm-primary-color: #000;
    --jdgm-secondary-color: rgba(0,0,0,0.1);
    --jdgm-star-color: #000;
    --jdgm-paginate-color: #000;
    --jdgm-border-radius: 0;
    --font_size: 14px;
    --font_size_minus1: 13px;
    --font_size_minus2: 12px;
    --font_size_minus3: 11px;
    --font_size_minus4: 10px;
    --font_size_plus1: 15px;
    --font_size_plus2: 16px;
    --font_size_plus3: 17px;
    --font_size_plus4: 18px;
    --font_size_plus5: 19px;
    --font_size_plus6: 20px;
    --font_size_plus7: 21px;
    --font_size_plus8: 22px;
    --font_size_plus9: 23px;
    --font_size_plus10: 24px;
    --font_size_plus11: 25px;
    --font_size_plus12: 26px;
    --font_size_plus13: 27px;
    --font_size_plus14: 28px;
    --font_size_plus15: 29px;
    --font_size_plus16: 30px;
    --font_size_plus18: 32px;
    --font_size_plus21: 35px;
    --font_size_plus22: 36px;
    --font_size_plus23: 37px;
    --font_size_plus24: 38px;
    --font_size_plus29: 43px;
    --font_size_plus33: 47px;
    --font_size_plus34: 48px;
    --fonts_name: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --fonts_name_2: Playfair Display;
    --body_bg: #ffffff;
    --body_color: #505050;
    --link_color: #000000;
    --link_color_hover: #232323;
    --breadcrumb_color: #999999;
    --breadcrumb_text_transform: capitalize;
    --page_title_font_size: 18px;
    --page_title_font_size_minus4: 14px;
    --page_title_font_size_minus6: 12px;
    --page_title_font_size_plus5: 23px;
    --page_title_color: #202020;
    --page_title_text_align: left;
    --product_text_transform: capitalize;
    --product_name_text_align: left;
    --color_title_pr: #202020;
    --color_title_pr_hover: #ea3d3d;
    --color_vendor: #ea3d3d;
    --sale_text: #ffffff;
    --bg_sale: #ffadb2;
    --custom_label_text: #ffffff;
    --custom_label_bg: #ff3131;
    --bundle_label_text: #ffffff;
    --bundle_label_bg: #ff3131;
    --new_label_text: #ffffff;
    --new_label_bg: #ff87b8;
    --new_label_border: #ff87b8;
    --sold_out_text: #ffffff;
    --bg_sold_out: #c1c1c1;
    --color_price: #202020;
    --color_price_sale: #fa4b17;
    --color_compare_price: #c7c7c7;
    --color_compare_product: #fff;
    --color_quick_view: #ffffff;
    --bg_quick_view: #ffffff;
    --border_quick_view: transparent;
    --color_wishlist: #0e0e0e;
    --bg_wishlist: #ffe5e5;
    --border_wishlist: transparent;
    --bg_wishlist_active: #ffe5e5;
    --background_1: #000000;
    --color_1: #ffffff;
    --border_1: rgba(0,0,0,0);
    --background_2: #000000;
    --color_2: #ffffff;
    --border_2: #ffffff;
    --background_3: #000000;
    --color_3: #ffffff;
    --border_3: #000000;
    --color_add_to_cart: #fff;
    --border_add_to_cart: #000;
    --background_add_to_cart: #000;
    --color_add_to_cart_hover: #000;
    --border_add_to_cart_hover: #000;
    --background_add_to_cart_hover: #fff;
    --button_font_family: Playfair Display;
    --button_font_size: px;
    --button_font_weight: ;
    --button_border_radius: px;
    --button_border_width: px;
    --button_border_style: ;
    --button_text_align: ;
    --button_text_transform: ;
    --button_letter_spacing: ;
    --button_padding_top: px;
    --button_padding_bottom: px;
    --button_padding_left: px;
    --button_padding_right: px;
    --border_widget_title: #e0e0e0;
    --border_color_1: #ebebeb;
    --border_color_2: #e7e7e7;
    --border_page_title: #eaeaea;
    --border_input: #cbcbcb;
    --border_checkbox: #d0d0d0;
    --border_dropdown: #dadada;
    --border_bt_sidebar: #f6f6f6;
    --color_icon_drop: #6b6b6b;
    --color_ipt: #3c3c3c;
    --color_slick_arrow: #323232;
    --color_border_slick_arrow: #323232;
    --color_bg_slick_arrow: #ffffff;
    --color_menu_mb: #232323;
    --color_menu_level3: #3c3c3c;
    --font_size_btn: 15px;
    --padding_btn: 7px 15px 7px;
    --letter_spacing_btn: .05em;
    --padding_btn_qv_add_to_cart: 12px 15px 10px;
    --padding_btn_bundle: 10px 15px 8px 15px;
    --color-price-box: var(--color_compare_price);
    --color_review: #ea3d3d;
    --color_review_empty: #cccccc;
    --border-product-image: #f1a24c;
    --border-radius-17: 0;
    --border-radius-50: 0;
}
@media (max-width: 479px) {
    .products-list .product-item .product-top {
        max-width: 300px;
        margin: 0px auto 20px;
    }
}
@media (max-width: 479px) {
    .products-list .product-item .product-details, .products-list .product-item .product-top {
        width: 100%;
        margin-top: 10px;
    }
}
.products-list .grid-item .product-bottom, .products-list .grid-item .product-des.abs-center {
    display: none !important;
}
@media (max-width: 1199px) {
    .product-item .product-bottom {
        margin-top: -5px;
    }
}
@media (max-width: 479px) {
    .products-list .product-item .product-details, .products-list .product-item .product-top {
        width: 100%;
        margin-top: 10px;
    }
}
/* .products-list .product-item .product-details {
    width: calc(100% - 240px);
    margin-top: -5px;
} */
.product-name, .product-title {
  
}
.product-item .product-bottom {
    text-align: left;
}
/* .products-list .product-item .product-top {
    width: 210px;
    margin-right: 30px;
} */
.product-item .product-top {
    position: relative;
    text-align: center;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.toolbar .view-mode .icon-mode.active {
    border-color: #323232;
}
.toolbar .view-mode .icon-mode.active.icon-mode-list:before {
    box-shadow: 0 7px 0 #323232,
     0 14px 0 #323232;
}
.toolbar .view-mode .icon-mode.active.grid-2:before {
    box-shadow: 7px 0 0 #323232;
}
.toolbar .view-mode .icon-mode.active.grid-3:before {
    box-shadow: 7px 0 0 #323232, 
    14px 0 0 #323232;
}
.toolbar .view-mode .icon-mode.active.grid-4:before {
    box-shadow: 7px 0 0 #323232, 
    14px 0 0 #323232, 
    21px 0 0 #323232;
}
.toolbar .view-mode .icon-mode.active.grid-5:before {
    box-shadow: 
    7px 0 0 #323232,
    14px 0 0 #323232,
     21px 0 0 #323232, 
     28px 0 0 #323232;
}
.toolbar .view-mode .icon-mode.active:before {
    background-color: #323232;
}
@media (min-width: 1200px) {
    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 1;
        max-width: 1;
    }
}
@media (min-width: 1200px) {
    .col5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.collection-header-sections .page-header h1 {
    font-size: 50px;
    font-weight: 700;
}

.collection-header span {
    color: #202020;
    font-weight: 700;
    min-width: max-content;
}

.toolbar .view-mode .icon-mode.active {
    border-color: #323232
}

.price-box .old-price {
    color: #c7c7c7;
    text-decoration: line-through;
    margin-right: 5px;
}

.price-box .special-price {
    color: #fa4b17;
}
/* 
.product-name,
.product-title {
    color: #202020;
    display: block;
    margin-bottom: 4px;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
} */
.short-description{
    font-size: 14px;
    color:#505050
}
.price-box {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: normal;
    margin-bottom: 12px;
}
.product-title {
  width: 100%;
  color: #202020;
  margin-bottom: 4px;
  text-transform: capitalize;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-label {
    position: absolute !important;
    left: 0;
    right: auto;
    text-align: left;
    top: 0;
    z-index: 2;
    letter-spacing: -.33em;
    text-align: right;
    pointer-events: none;
}

.label.sale-label {
    background-color: #ffadb2;
    color: #ffffff;
}
  .collection-template .padding .infinite-scrolling .btn {
    background-color: #f1a24c;
    border-color: #f1a24c;
    color: #ffffff;
  }

  .infinite-scrolling-homepage .btn{
    width: 100%;
    max-width: 300px;
    background: #000000;
    color: #ffffff;
    border-color: #727272;
  }
  .infinite-scrolling-homepage .btn:hover{
    width: 100%;
    max-width: 300px;
    background: #000000;
    color: #ffffff;
    border-color: #727272;
  }

  @media (max-width: 767px) {
    .site-footer .col-footer .dropdow-mb::after {
        content: "1";

    }}
    /* 隐藏元素时，设置其最大高度为0，并添加过渡效果 */

    @media (max-width: 767px) {
        .site-footer .col-footer .dropdow-mb:after {
            content: "\f107";
            font-family: FontAwesome;
            font-weight: 500;
            font-size: 17px;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: block;
            cursor: pointer;
            margin: 0;
            padding: 0;
            background: 0 0;
            -webkit-transition: transform .3s linear;
            -moz-transition: transform .3s linear;
            -ms-transition: transform .3s linear;
            -o-transition: transform .3s linear;
            transition: transform .3s linear;
            position: absolute;
            right: 0;
            top: 1px;
        }
    }
    
@media (max-width: 767px) {
    .site-footer .col-footer .dropdow-mb.open::after {
        transform: rotate(180deg);
    }
}
*, ::after, ::before {
    box-sizing: border-box;
}

.foot-title, .footer-09 .footer-newsletter .newsletter-title {
    color: #4d4b4b;
}
/* 默认样式：小屏设备（例如手机）的样式 */
.slick-prev, .slick-next {
    display: none; /* 默认隐藏上一个和下一个按钮 */
}

/* 当屏幕尺寸大于1200px时的样式 */
@media (min-width: 1200px) {
    .slick-prev, .slick-next {
        display: block; /* 显示上一个和下一个按钮 */
    }

    /* 隐藏移动端的圆点导航 */
    .slick-dots {
        display: none;
    }
}

/* 如果你还想要在PC端显示圆点导航，可以在媒体查询中添加 */
@media (min-width: 1200px) {
    /* 显示PC端的圆点导航 */
    .slick-dots {
        display: block;
    }
}
/* 当屏幕宽度大于或等于1200px */
@media screen and (min-width: 1200px) {
    .slick-prev, .slick-next {
        display: block; /* 显示向前和向后的箭头按钮 */
    }
    .slick-dots {
        display: none; /* 隐藏点导航 */
    }
}

/* 当屏幕宽度小于1200px */
@media screen and (max-width: 1199px) {
    .slick-prev, .slick-next {
        display: none; /* 隐藏向前和向后的箭头按钮 */
    }
    .slick-dots {
        display: block; /* 显示点导航 */
    }
}
.header-logo a.logo-title,
.header-logo .logo-title svg {
  color: #000000;
}

.header-top {
  background-color: #f44336;
  color: #ffffff;
}

.header-top a {
  color: #ffffff;
}

.header-top .close {
  margin-top: -2px;
}

.header-top .top-message {
  font-weight: 400;
  letter-spacing: 0;
  padding: 11px 25px 10px 25px;
  font-size: 12px;
}

.header-top .top-message p a:hover {
  border-bottom-color: #ffffff;
}

.header-top .close:hover {
  color: #ffffff;
}

.text-center {
  text-align: center;
}

.logo-img {
  display: inline-block;
}

.header-mb .logo-img img,
.logo-fixed .logo-img img,
.header-mb .logo-title {
  width: 300px;
}

.header-pc .logo-img img {
  width: 160px;
}

.header-02 .search-form .input-group-field {
  color: #646464;
  background-color: #ffffff;
  border-bottom-color: #cbcbcb;
}

.search-open .template-index .header-02 .search-form .input-group-field {
  color: #646464;
  background-color: #ffffff;
  border-bottom-color: #cbcbcb;
}

.header-02 .search-form .search-bar ::-webkit-input-placeholder {
  color: #646464;
}

.header-02 .search-form .search-bar ::-moz-placeholder {
  color: #646464;
}

.header-02 .search-form .search-bar :-ms-input-placeholder {
  color: #646464;
}

.header-02 .search-form .search-bar :-moz-placeholder {
  color: #646464;
}

.cart-icon .cartCount {
  background-color: #ffffff;
  color: #646464;
  font-size: 12px;
  font-weight: 400;
}

.wrapper_header_02 .sticky-wrapper .cart-icon .cartCount {
  max-height: 23px;
  line-height: 21px;
}

@media (max-width: 1199px) {
  .search-open .wrapper-header .search-bar {
    background-color: #ffffff;
  }

  .wrapper-navigation .header-bottom-right {
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
    margin-top: 15px;
  }

  .wrapper_header_02 .mb-area .wishlist .wishlist-quantity {
    display: inline-block;
    min-width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    color: #646464;
    font-size: 12px;
    font-weight: 400;
    margin-left: 10px;
  }

  .header-02 .close-menu-mb.menu-open {
    z-index: 101;
  }

  .cart-icon svg {
    width: 26px;
    height: 26px;
  }
}

@media (min-width: 1200px) {

  .wrapper_header_02 .header-pc .icon-search svg,
  .wrapper_header_02 .customer-links svg,
  .wrapper_header_02 .wishlist svg,
  .wrapper_header_02 .header-pc .cart-icon svg {
    color: #232323;
  }

  .search-open .wrapper_header_02 .search-form .search-bar {
    background-color: #ffffff;
  }

  .wrapper_header_02 .icon-search {
    color: #232323;
  }

  .wrapper_header_02 .wishlist {
    position: relative;
  }

  .wishlist-quantity {
    background: #ffffff;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    min-width: 23px;
    line-height: 23px;
    height: 23px;
    top: -10px;
    right: -7px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    padding: 0 3px;
  }

  .header-02 .header-bottom {
    background-color: #ffffff;
    color: #646464;
  }

  .header-02 .lang-currency-groups,
  .header-02 .shipping-text {
    display: inline-block;
  }

  .header-02 .lang-currency-groups .dropdown-label {
    color: #646464;
  }

  .lang-currency-groups .btn-group .dropdown-item {
    color: var(--color_menu_level3);
  }

  .lang-currency-groups .btn-group .dropdown-item:hover,
  .lang-currency-groups .btn-group .dropdown-item:focus,
  .lang-currency-groups .btn-group .dropdown-item:active,
  .lang-currency-groups .btn-group .dropdown-item.active {
    color: #646464;
  }

  .lang-currency-groups .dropdown-menu {
    background-color: #ffffff;
  }

  .search-open .wrapper_header_02 .search-form .close-search {
    color: #646464;
  }

  .wrapper_header_02 .header-bottom {
    padding-top: 30px;
    padding-bottom: 8px;
  }

  .header-lang-style2 .lang-currency-groups {
    margin-left: 0;
  }

  .header-lang-style2 .lang-currency-groups .dropdown-toggle:after {
    color: #646464;
  }
}
@media (min-width: 1200px) {
    .collection-template .reverse-mb {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

}
.col-12 {
    width: 100%;
}

.col-6 {
    width: 50%;
}

.col-md-4.col-lg-3.col4 {
    width: 33.33%;
}

.col-lg-3 {
    width: 25%;
}

.col5 {
    width: 20%;
}
.widget-product .slick-arrow {
    top: -moz-calc(50% - 57px);
    top: -webkit-calc(50% - 57px);
    top: -ms-calc(50% - 57px);
    top: calc(50% - 57px);
  }

  .slick-arrow.slick-prev {
    left: 2px;
    padding-top: 3px;
    padding-right: 1px;
  }

  .slick-arrow.slick-next {
    right: 2px;
    padding-left: 2px;
    padding-top: 3px;
  }

  @media (min-width: 1200px) {

    .slick-arrow.slick-prev,
    .slick-arrow.slick-next {
      display: block;
    }

    .slick-dots {
      display: none;
    }
  }

  @media (max-width: 1199px) {

    .slick-arrow.slick-prev,
    .slick-arrow.slick-next {
      display: none;
    }

    .slick-dots {
      display: block;
    }
  }
  @media (max-width: 767px) {
    #new-arrivals-template--16891614691547__1651517539a04bf924 {
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #new-arrivals-template--16891614691547__1651517539a04bf924 {
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    #new-arrivals-template--16891614691547__1651517539a04bf924 {
        margin-bottom: 50px;
    }
}