.elementor-288 .elementor-element.elementor-element-bc64cb3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-288 .elementor-element.elementor-element-309555a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-288 .elementor-element.elementor-element-55b5831{width:100%;max-width:100%;}.elementor-288 .elementor-element.elementor-element-55b5831 .woocommerce-breadcrumb{color:var( --e-global-color-primary );font-family:"Alumni Sans", Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;text-align:center;}.elementor-288 .elementor-element.elementor-element-55b5831 .woocommerce-breadcrumb > a{color:var( --e-global-color-primary );}.elementor-288 .elementor-element.elementor-element-b2a602b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-288 .elementor-element.elementor-element-f0f546f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-288 .elementor-element.elementor-element-4686207 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;}.elementor-widget-jet-smart-filters-search .jet-search-filter__submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-288 .elementor-element.elementor-element-8236a04 .jet-search-filter__input-wrapper{max-width:100%;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-288 .elementor-element.elementor-element-3161f38{--divider-border-style:solid;--divider-color:#ECECEC;--divider-border-width:1px;}.elementor-288 .elementor-element.elementor-element-3161f38 .elementor-divider-separator{width:100%;}.elementor-288 .elementor-element.elementor-element-3161f38 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-jet-smart-filters-range .apply-filters__button, .elementor-widget-jet-smart-filters-range .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-288 .elementor-element.elementor-element-a998cfd .jet-range__slider__track{height:4px;}.elementor-288 .elementor-element.elementor-element-a998cfd .jet-range__slider__input::-webkit-slider-thumb{width:16px;height:16px;}.elementor-288 .elementor-element.elementor-element-a998cfd .jet-range__slider__input::-moz-range-thumb{width:16px;height:16px;}.elementor-288 .elementor-element.elementor-element-a998cfd .jet-range__slider__input::-ms-thumb{width:16px;height:16px;}.elementor-288 .elementor-element.elementor-element-a998cfd .jet-range__slider__input{height:16px;}.elementor-288 .elementor-element.elementor-element-a998cfd .jet-range__values{text-align:center;}.elementor-288 .elementor-element.elementor-element-a998cfd .jet-range__inputs__container{margin-left:auto;margin-right:auto;}.elementor-288 .elementor-element.elementor-element-a998cfd .jet-filter-label{font-family:"Arial", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;}.elementor-288 .elementor-element.elementor-element-a998cfd .jet-filters-group .jet-filter{width:100%;max-width:100%;}.elementor-288 .elementor-element.elementor-element-a998cfd .jet-filters-group .jet-filter+.jet-filter{margin-top:10px;}.elementor-288 .elementor-element.elementor-element-a998cfd .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-288 .elementor-element.elementor-element-e4488a6{--divider-border-style:solid;--divider-color:#ECECEC;--divider-border-width:1px;}.elementor-288 .elementor-element.elementor-element-e4488a6 .elementor-divider-separator{width:100%;}.elementor-288 .elementor-element.elementor-element-e4488a6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-moreless__toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-smart-filters-checkboxes .apply-filters__button, .elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-288 .elementor-element.elementor-element-1b9aff6 .jet-checkboxes-list__row{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(18px/2);margin-bottom:calc(18px/2);}.elementor-288 .elementor-element.elementor-element-1b9aff6 .jet-list-tree__children{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-288 .elementor-element.elementor-element-1b9aff6 .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-18px/2);margin-bottom:calc(-18px/2);}.elementor-288 .elementor-element.elementor-element-1b9aff6 .jet-checkboxes-list__label{font-size:14px;text-transform:capitalize;}.elementor-288 .elementor-element.elementor-element-1b9aff6 .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-288 .elementor-element.elementor-element-1b9aff6 .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-288 .elementor-element.elementor-element-1b9aff6 .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-288 .elementor-element.elementor-element-1b9aff6 .jet-collapse-icon{width:20px;height:20px;}.elementor-288 .elementor-element.elementor-element-1b9aff6 .jet-collapse-none{width:20px;height:20px;}.elementor-288 .elementor-element.elementor-element-1b9aff6 .jet-filter-label{font-family:"Arial", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;}.elementor-288 .elementor-element.elementor-element-1b9aff6 .jet-filter+.jet-filter{margin-top:10px;}.elementor-288 .elementor-element.elementor-element-1b9aff6 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-288 .elementor-element.elementor-element-616385e{--divider-border-style:solid;--divider-color:#ECECEC;--divider-border-width:1px;}.elementor-288 .elementor-element.elementor-element-616385e .elementor-divider-separator{width:100%;}.elementor-288 .elementor-element.elementor-element-616385e .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-jet-smart-filters-rating .apply-filters__button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-288 .elementor-element.elementor-element-05837f1 .jet-rating-star__icon{font-size:18px;margin-left:5px;}.elementor-288 .elementor-element.elementor-element-05837f1 .jet-rating-star__label{color:var( --e-global-color-primary );}.elementor-288 .elementor-element.elementor-element-05837f1 .jet-rating input.is-checked ~ label{color:var( --e-global-color-secondary );}.elementor-288 .elementor-element.elementor-element-05837f1 .jet-rating input.is-checked ~ label ~ label{color:var( --e-global-color-secondary );}.elementor-288 .elementor-element.elementor-element-05837f1 .jet-rating input:not(.is-checked) ~ label:hover{color:var( --e-global-color-accent );}.elementor-288 .elementor-element.elementor-element-05837f1 .jet-rating input:not(.is-checked) ~ label:hover ~ label{color:var( --e-global-color-accent );}.elementor-288 .elementor-element.elementor-element-05837f1 .jet-filter-label{font-family:"Arial", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;}.elementor-288 .elementor-element.elementor-element-65929e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-288 .elementor-element.elementor-element-d78e982.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}.elementor-288 .elementor-element.elementor-element-d78e982 nav.woocommerce-pagination ul li a, .elementor-288 .elementor-element.elementor-element-d78e982 nav.woocommerce-pagination ul li span{padding:10px;}.elementor-288 .elementor-element.elementor-element-d78e982 nav.woocommerce-pagination ul li a{color:var( --e-global-color-primary );background-color:#FFFFFF;}.elementor-288 .elementor-element.elementor-element-d78e982 nav.woocommerce-pagination ul li span.current{color:var( --e-global-color-primary );background-color:#FFFFFF;}@media(min-width:768px){.elementor-288 .elementor-element.elementor-element-bc64cb3{--content-width:1200px;}.elementor-288 .elementor-element.elementor-element-b2a602b{--content-width:1200px;}.elementor-288 .elementor-element.elementor-element-f0f546f{--width:20%;}.elementor-288 .elementor-element.elementor-element-65929e3{--width:80%;}}@media(max-width:1024px){.elementor-288 .elementor-element.elementor-element-d78e982.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}}@media(max-width:767px){.elementor-288 .elementor-element.elementor-element-d78e982.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-55b5831 *//* 去掉面包屑导航 (woocommerce-breadcrumb) 的所有上下间距 */
.woocommerce-breadcrumb {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-range, class: .elementor-element-a998cfd *//* ==========================================================================
   1. 显示并美化默认的产品标题 (product price)
   ========================================================================== */
.jet-filter-label {
    display: block !important;          /* 恢复并强制显示标题 */
    margin-bottom: 20px !important;      /* 增加标题与下方滑动条轨道的安全距离，解决重叠问题 */
    padding: 0 !important;
}

/* 隐藏无视觉作用的内部 legend 辅助标签 */
.jet-range legend {
    display: none !important;
}

/* 隐藏原生的纯文本数值显示 */
.jet-range__values {
    display: none !important;
}


/* ==========================================================================
   2. 滑块轨道与黑色圆点样式
   ========================================================================== */
/* 清除滑块默认浏览器外观 */
.jet-range input[type="range"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
}

/* 重新定义滑动轨道两端的圆点（黑色实心圆） */
.jet-range input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    background-color: #000000 !important;
    border: none !important;
    cursor: pointer;
}

.jet-range input[type="range"]::-moz-range-thumb {
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    background-color: #000000 !important;
    border: none !important;
    cursor: pointer;
}

/* 轨道细灰线 */
.jet-range__slider__track {
    height: 2px !important;
    background-color: #e0e0e0 !important;
}

/* 选中区间细线 */
.jet-range__slider__track__range {
    background-color: #b0b0b0 !important;
}


/* ==========================================================================
   3. 输入框弹性并排与唯一外框设计
   ========================================================================== */
/* 输入框主容器：必须设为溢出可见，防止裁剪上方文字 */
.jet-range__inputs__container {
    display: flex !important;
    justify-content: space-between !important;
    gap: 15px !important;
    margin-top: 35px !important; /* 预留出 From/To 标签的上方空间 */
    overflow: visible !important; /* 关键：确保超出的标签不被隐藏 */
}

/* 针对两个输入框的外层包裹层：添加唯一的灰色直角边框，且允许内容溢出 */
.jet-range__inputs__container > div {
    position: relative !important; /* 必须：为绝对定位的 From/To 伪元素提供参考坐标 */
    overflow: visible !important; /* 关键：强制开启溢出可见，防止裁剪 top 绝对定位标签 */
    flex: 1 !important;
    display: flex !important;
    flex-direction: row !important; /* 横向并排 */
    align-items: center !important;
    
    border: 1px solid #cccccc !important; /* 唯一的灰色外边框 */
    border-radius: 0px !important; /* 直角 */
    background-color: #ffffff !important;
    height: 40px !important; /* 框体高度 */
    padding: 0 12px !important; /* 内边距 */
    box-sizing: border-box !important;
    box-shadow: none !important;
}

/* 彻底清除输入框内部所有后代元素的外观与边框，消灭内部竖线 */
.jet-range__inputs__container > div * {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* ==========================================================================
   4. 用 CSS 伪元素自动生成并悬浮显示 “From” 与 “To” 标签 (兼容写法)
   ========================================================================== */
/* 统一设置伪元素标签的字号、颜色和位置 */
.jet-range__inputs__container > div::before {
    display: block !important;        /* 确保伪元素以块级渲染 */
    position: absolute !important;
    top: -24px !important;            /* 悬浮在输入框正上方 */
    left: 0 !important;               /* 左对齐 */
    font-size: 14px !important;       /* 字号 */
    color: #333333 !important;        /* 字体颜色 */
    font-weight: 400 !important;      /* 字体不加粗 */
    line-height: 1.2 !important;
    z-index: 999 !important;          /* 保证层级在最上方，不被背景或其他元素遮挡 */
    pointer-events: none !important;  /* 忽略鼠标事件，防止干扰正常输入 */
}

/* 第一个输入框（最小值）上方自动生成 "From" */
.jet-range__inputs__container > div:first-of-type::before,
.jet-range__inputs__container > div[class*="min"]::before,
.jet-range__inputs__container > div[class*="from"]::before {
    content: "From" !important;
}

/* 第二个输入框（最大值）上方自动生成 "To" */
.jet-range__inputs__container > div:last-of-type::before,
.jet-range__inputs__container > div[class*="max"]::before,
.jet-range__inputs__container > div[class*="to"]::before {
    content: "To" !important;
}


/* ==========================================================================
   5. 框内文字与输入区样式微调
   ========================================================================== */
/* 重置框内 $ 符号的边距，使其右侧与数字保持间距 */
.jet-range__inputs__container span,
.jet-range__inputs__container [class*="addon"],
.jet-range__inputs__container [class*="prefix"] {
    margin-right: 8px !important; /* 符号与输入数字之间的间距 */
    color: #333333 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
}

/* 清洗包裹层内部 input 元素，使其与外框无缝融合 */
.jet-range__inputs__container input {
    flex: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    color: #333333 !important;
    font-size: 14px !important;
    outline: none !important;
}

/* 鼠标聚焦到框内时，外框线变黑 */
.jet-range__inputs__container > div:focus-within {
    border-color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-d78e982 *//* ==========================================
   1. 整体网格卡片与容器
   ========================================== */
.woocommerce ul.products.elementor-grid li.product {
    background: #ffffff;
    border-radius: 0px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 悬停微动效 */
.woocommerce ul.products.elementor-grid li.product:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* 统一链接容器定位 */
.woocommerce ul.products.elementor-grid li.product .woocommerce-LoopProduct-link {
    display: block;
    position: relative;
    text-decoration: none;
}


/* ==========================================
   3. 角标样式 (促销标签)
   ========================================== */
.woocommerce ul.products.elementor-grid li.product span.onsale {
    position: absolute;
    top: 8px;
    left: 8px;
    right: auto;
    margin: 0;
    background-color: #e05e00; 
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 4px;
    z-index: 10 !important; /* 确保在图片和灰色背景之上 */
    line-height: 1.2;
    min-height: auto;
    min-width: auto;
}

/* ==========================================
   4. 标题、评分、价格排版
   ========================================== */
.woocommerce ul.products.elementor-grid li.product .woocommerce-loop-product__title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    line-height: 1.4;
    margin: 6px 0 4px 0;
    padding: 0;
    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px; /* 固定高度防止错位 */
}

.woocommerce ul.products.elementor-grid li.product .star-rating {
    font-size: 11px;
    color: #000;
    margin: 4px 0;
    float: none;
    display: inline-block;
}

.woocommerce ul.products.elementor-grid li.product .price {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    display: block;
    margin: 6px 0;
}
.woocommerce ul.products.elementor-grid li.product .price del {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    margin-right: 4px;
}
.woocommerce ul.products.elementor-grid li.product .price ins {
    text-decoration: none;
    color: #1a1a1a;
}

/* ==========================================
   5. 按钮样式深度优化 (主次分明极简风格)
   ========================================== */
   
/* 统一按钮的基础尺寸与字体 */
.woocommerce ul.products.elementor-grid li.product .button {
    display: block !important;
    width: 100% !important;
    height: 38px !important;
    line-height: 36px !important; /* 减去边框高度 */
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 0px !important;
    text-align: center !important;
    transition: all 0.2s ease-in-out !important;
    box-sizing: border-box !important;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
}

/* 按钮 1：“加入购物车” —— 高级边框线框风格 */
.woocommerce ul.products.elementor-grid li.product .button.add_to_cart_button {
    background-color: transparent !important;
    color: #242424 !important;
    border: 1.5px solid #242424 !important;
}
.woocommerce ul.products.elementor-grid li.product .button.add_to_cart_button:hover {
    background-color: #000 !important;
    color: #fff !important;
}
/* 在价格元素上方，强行插入“30K+ sold in 30 days”文案 */
.woocommerce ul.products.elementor-grid li.product .price::before {
    content: "30K+ sold in 30 days";
    display: block; /* 设为块级元素，使其独占一行 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 12px; /* 字号大小 */
    color: #71717a; /* 偏深灰字色，贴合图二视觉 */
    font-weight: 400; /* 常规字重 */
    margin-bottom: 6px; /* 距离下方价格的间距 */
    text-transform: none; /* 保持原样不转大写 */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65929e3 *//* ==========================================
   6. 结果统计与排序下拉框优化 (Header Controls)
   ========================================== */

/* 电脑端布局对齐（左右分栏，垂直居中对齐） */
@media (min-width: 768px) {
    .woocommerce-result-count {
        float: left;
        margin: 0 !important;
        line-height: 38px; /* 保证与下拉框的高度（38px）垂直居中对齐 */
    }
    .woocommerce-ordering {
        float: right;
        margin: 0 !important;
    }
    /* 清除浮动，确保下方产品网格不会被挤压或错位 */
    .products.elementor-grid {
        clear: both;
        padding-top: 24px !important;
    }
}

/* 移动端排版自适应 */
@media (max-width: 767px) {
    .woocommerce-result-count {
        display: block;
        text-align: left;
        margin-bottom: 12px !important;
        line-height: 1.4;
    }
    .woocommerce-ordering {
        display: block;
        width: 100%;
        margin-bottom: 20px !important;
    }
    .woocommerce-ordering select.orderby {
        width: 100% !important; /* 移动端选择框占满宽度 */
    }
}

/* 1. 结果统计文本样式（iHerb 风格：中性、低调） */
.woocommerce-result-count {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 13px !important;
    color: #71717a !important; /* 优雅的中灰色 */
    font-weight: 400;
}

/* 2. 排序下拉选择框深度美化 */
.woocommerce-ordering select.orderby {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 14px !important;
    color: #242424 !important;
    font-weight: 500 !important;
    
    /* 尺寸与留白 */
    height: 38px !important;
    padding: 0 36px 0 12px !important; /* 右侧留出空间放置自定义箭头 */
    border: 1px solid #e4e4e7 !important; /* 极简浅灰边框 */
    border-radius: 8px !important; /* 与产品卡片呼应的轻微圆角 */
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    cursor: pointer;
    
    /* 隐藏浏览器默认的丑陋下拉箭头 */
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    
    /* 使用精心绘制的轻量级 SVG 灰色箭头作为背景图 */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2371717a' stroke-width='2' viewBox='0 0 24 24'><path stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px !important;
    
    transition: all 0.2s ease-in-out !important;
}

/* 下拉框交互动态效果 */
.woocommerce-ordering select.orderby:hover {
    border-color: #a1a1aa !important; /* 鼠标悬停时边框微加深 */
}

.woocommerce-ordering select.orderby:focus {
    outline: none !important;
    border-color: #242424 !important; /* 聚焦时变为质感深黑色边框 */
    box-shadow: 0 0 0 3px rgba(36, 36, 36, 0.06) !important; /* 柔和的外侧微阴影 */
}/* End custom CSS */