/** Shopify CDN: Minification failed

Line 1079:0 Expected "}" to go with "{"

**/
/* 1. 分类页Banner：强制面包屑内容单行显示 (解决换行问题) ====================================================================================================================*/

/* 目标容器: .breadcrumb-content */
.breadcrumb-content {
    /* 强制内容不换行 */
    white-space: nowrap !important;
    /* 隐藏溢出部分，以防内容过长 */
    overflow: hidden !important; 
    /* 确保容器有足够的宽度来容纳所有内容，或至少尝试 */
    display: inline-flex !important; 
    align-items: center !important;
}
/* ========================================================== */
/* 调整面包屑导航字体大小 */
/* ========================================================== */

/* 针对面包屑导航的所有文本元素 */
.smi-block-type-breadcrumb,
.smi-block-type-breadcrumb a,
.smi-block-type-breadcrumb span {
    font-size: 12px !important;
}

/* ========================================================== */
/* 增加 SVG 图标底部的间距 */
/* ========================================================== */

.smi-svg-icon {
    /* 增加 3px 的底部外边距 */
    margin-bottom: 3px !important; 
}
/* 2. 目标容器：标题组件 wrapper */
.smi-heading-component {
    width: 100% !important;
    max-width: none !important; 
    
    padding-inline: 0 !important;
    margin-inline: 0 !important;
}

/* 3. 目标容器：标题内容的核心容器 */
.smi-heading-inner {
    width: 100% !important;
    max-width: none !important;
    
    padding-inline: 0 !important;
    margin-inline: 0 !important;
}
/* 1. Smi产品卡片类插件修改： ============================================================================================================================================================*/
.smi-product-card__info .smi-lh-0 {
    margin-top: -10px;
    font-size: 14px !important;
    text-align: center;
    font-weight: 400 !important;
    text-transform: capitalize !important;
}

.smi-product-title.smi-h5 a.smi-color-text {
    color: #000000 !important;
}

/* 覆盖并禁用产品卡片图片的悬停放大效果 */
.smi-thumbnail-link:hover .smi-first-image {
    /* 1. 将缩放比例重置为 1 (无缩放) */
    transform: scale(1) !important; 
    
    /* 2. 移除平滑过渡效果（可选，但推荐）*/
    transition: none !important;
}
/* 覆盖并禁用产品卡片图片的悬停放大效果 */
.smi-thumbnail-link:hover .smi-first-image {
    /* 强制将缩放比例重置为 1 (无缩放) */
    transform: scale(1) !important; 
    
    /* 移除平滑过渡效果（可选，但推荐）*/
    transition: none !important;
}
/* 确保按钮本身内容不会溢出（如果需要） */
.smi-button-add-cart {
    /* 如果您想让按钮的背景色或边框宽度适配新的 max-width，无需改动 */
}

/* 控制按钮内部文字的样式 */
.smi-button-add-cart .smi-text-cart {
    /* 字体大小 */
    font-size: 12px; /* 示例：调整为你需要的大小 */
    
    /* 字体厚度/字重 */
    font-weight: 500 !important; /* 示例：调整为 700 (bold) 或 500 (medium) */
    
    /* 确保文字不会因为大小改变而溢出 */
    white-space: nowrap; 
}
/* 控制添加到购物车按钮的宽度 */
.smi-button-cart._cart_now {
    /* 设置最大宽度，例如 80% 或 200px */
    max-width: 60%; 
    /* 自动居中（前提是按钮容器是块级元素且有固定宽度） */
    margin-left: auto;
    margin-right: auto;
}

/* 1. 禁用鼠标悬浮在图片链接区域时图片的放大效果 */
.smi-thumbnail-link:hover .smi-first-image {
    transform: scale(1) !important; /* 强制重置为 1x 缩放 */
    transition: none !important;    /* 移除所有动画过渡 */
}

/* 2. 禁用鼠标悬浮在整个产品卡片容器时图片的放大效果 */
/* 有些主题会将悬浮效果绑定在最外层的卡片容器上 */
.smi-product-card-wrapper:hover .smi-first-image {
    transform: scale(1) !important;
    transition: none !important;
}

/* 3. 禁用鼠标悬浮在按钮区域时图片的放大效果（可能由于父元素继承） */
.smi-product-card__actions:hover .smi-first-image {
    transform: scale(1) !important;
    transition: none !important;
}

.hero__content-wrapper {
    /* 确保主轴（水平方向）上的内容居中对齐 */
    justify-content: center !important; 
    
    /* 确保交叉轴（垂直方向）上的内容居中对齐（这是已经存在的设置） */
    align-items: center !important; 
    
    /* 确保文本内容本身在Flex容器中居中（安全措施） */
    text-align: center !important; 
}
/* 针对 H1 标题的特定类名 */
.text-block--ATnk4RzdYL0cxMVpCT__text_FAW9Ka {
    text-align: center !important; 
}

/* 针对 H4 副标题的特定类名 */
.text-block--AZFNBMHpRaEdoM0Exd__text_9R3Xqa {
    text-align: center !important; 
}

/* 使用双类名锁定，强制覆盖居中设置 */
.smi-swiper-wrapper.smi-justify-content-lg-center {
    /* 1. 强制 Flex 子元素从左侧开始排列 */
    justify-content: flex-start !important;

    /* 2. 撤销可能存在的大屏幕端居中偏移 */
    margin-left: 0 !important;
    margin-right: auto !important;

    /* 3. 确保容器本身不居中 */
    display: flex !important;
}

/* 针对内部 Swiper 滑块项的对齐修正 */
.smi-swiper-wrapper.smi-justify-content-lg-center .smi-swiper-slide {
    margin-left: 0 !important;
    text-align: left !important;
}

/* 锁定描述文字类名并设置为黑色 */
.smi-text-md.smi-heading-component__description {
    color: #000000 !important;
    
    /* 确保不透明度为 100%（有些主题会通过 opacity 变灰） */
    opacity: 1 !important;
}

/* Free Swatches页面排版和卡片：强制超大屏(xl)和大屏(lg)显示 6 列 -------------------------------------------------------------------------------------------------------------------------------------------------*/

/* 1. 大屏幕端 (900px 及以上)：强制 6 列展示 */
@media screen and (min-width: 900px) {
    .product-grid--template--26107196735781__main .spf-col-xl-3,
    .product-grid--template--26107196735781__main .spf-col-lg-4,
    .product-grid--template--26107196735781__main .spf-col-md-6 {
        /* 6 列计算公式: 100% / 6 = 16.66667% */
        width: 16.66667% !important;
        flex-basis: 16.66667% !important;
        max-width: 16.66667% !important;
    }
}

/* 2. 移动端/小屏端 (899px 及以下)：强制 2 列展示 */
@media screen and (max-width: 899px) {
    /* 内部卡片设为 2 列 */
    .product-grid--template--26026345365797__main .spf-col-md-6,
    .product-grid--template--26026345365797__main .spf-col-sm-6,
    .product-grid--template--26026345365797__main .spf-col-6 {
        /* 2 列 = 100% / 2 */
        width: 50% !important;
        flex-basis: 50% !important;
        max-width: 50% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important; /* 确保 padding 不会撑破容器宽度 */
        
    }
}

/* 3. 辅助修正：确保网格允许换行且间距正常 */
.product-grid--template--26107196735781__main {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important; /* 响应您之前的要求 */
}

/* 针对特定的产品网格模块，隐藏其内部所有产品卡片的价格 wrapper */
.product-grid--template--26107196735781__main .spf-product-card__price-wrapper {
    /* 强制设置为不可见，并从布局中移除，不占据空间 */
    display: none !important;
}
/* 针对特定的产品网格模块，修改其内部产品标题的容器样式 */
.product-grid--template--26107196735781__main .spf-product-card__title {
    /* 1. 位置居中 (通过文本对齐实现，因为它是块级元素) */
    text-align: center !important;
    
    /* 2. 可选：调整容器的下边距（如果需要） */
    margin-bottom: 5px !important; /* 示例值，您可以根据需要调整 */
}

/* 针对特定的产品网格模块，修改产品标题链接的样式 */
.product-grid--template--26107196735781__main .spf-product-card__title a {
    /* 3. 颜色 */
    color: #000000 !important; /* 示例：白色。请替换为您想要的颜色代码 */

    /* 4. 大小 */
    font-size: 14px !important; /* 示例：16px。请替换为您想要的大小 */
    
    /* 5. 厚度 (字体粗细) */
    font-weight: 400 !important; /* 示例：700 (粗体)。可选项如 400 (正常), 500, 600, 700, 800, 900 */
    
    /* 确保链接文本在容器居中后也对齐 */
    text-decoration: none !important; /* 移除默认的下划线（如果存在） */
}
/* 步骤 1: 强制表单容器 (spf-product__form) 居中 */
.product-grid--template--26107196735781__main .spf-product__form {
    /* 将表单容器设置为 Flex 布局 */
    display: flex !important;
    /* 强制主轴居中，使内部的按钮居中 */
    justify-content: center !important;
    /* 清除任何可能存在的浮动或宽度限制 */
    width: 100% !important;
}

/* 步骤 2: 修改按钮 (spf-product__form-btn-addtocart) 的样式 */
.product-grid--template--26107196735781__main .spf-product__form-btn-addtocart {
    /* 强制设置边框圆角为 6px */
    border-radius: 12px !important;
    
    /* 确保按钮可以被居中 (如果它有固定的宽度，margin: auto 也可以辅助居中) */
    margin-left: unset !important;
    margin-right: unset !important;
}
/* 强制将主“添加到购物车”按钮的边框改为 1px 黑色实线 */
button.smi-button-add-cart {
    /* 强制设置边框宽度和颜色 */
    border: 1px solid #000000 !important; 
    
    /* 额外的修正: 如果按钮默认使用了 outline/shadow 样式，我们需要覆盖它 */
    box-shadow: none !important; 
}
/* 针对快速查看 (Quick View) 按钮的最高优先级覆盖 */
#gfqv-btn-wrap #gfqv-btn {
    /* 强制文字颜色为黑色 */
    color: #000000 !important; 

    /* 强制字体大小为 14px */
    font-size: 12px !important; 
    
    /* 强制字体粗细为 400 (正常) */
    font-weight: 500 !important; 
    
    /* 确保背景色不是黑色或透明，以便黑色文字可见 (根据您的截图，按钮背景是白色) */
    background-color: #FFFFFF !important; 
}
/* 鼠标悬停时 (Hover) 的样式修改 */
#gfqv-btn-wrap #gfqv-btn:hover {
    /* 1. 按钮背景颜色改为黑色 */
    background-color: #000000 !important; 

    /* 2. 按钮文字颜色改为白色 */
    color: #FFFFFF !important; 
    
    /* 可选：添加过渡效果，让颜色变化更平滑（0.3 秒） */
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* 产品分类页面卡片去除加购和快速查看 ------------------------------------------------------------------------------------------------------------------------------------------------- */

.product-grid--template--26107196801317__main .open-quick-view,
.product-grid--template--26107196637477__main .open-quick-view,
.product-grid--template--26107196997925__main .open-quick-view,
.product-grid--template--26107196965157__main .open-quick-view,
.product-grid--template--26107196604709__main .open-quick-view,
.product-grid--template--26107196866853__main .open-quick-view,
.product-grid--template--26107196932389__main .open-quick-view,
.product-grid--template--26107196834085__main .open-quick-view,
.product-grid--template--26026345038117__main .open-quick-view,
.product-grid--template--26107196571941__main .open-quick-view,
.product-grid--template--26107196703013__main .open-quick-view,
.product-grid--template--26107196768549__main .open-quick-view,
.product-grid--template--26107196539173__main .open-quick-view,
.globo-product-recommendations .open-quick-view,
.product-grid--template--26107196670245__main .open-quick-view {
        /* 强制隐藏元素，不占据空间 */
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important; /* 确保鼠标事件无效 */
}
.product-grid--template--26107196801317__main .spf-product__form-btn-addtocart,
.product-grid--template--26107196637477__main .spf-product__form-btn-addtocart,
.product-grid--template--26107196997925__main .spf-product__form-btn-addtocart,
.product-grid--template--26107196965157__main .spf-product__form-btn-addtocart,
.product-grid--template--26107196604709__main .spf-product__form-btn-addtocart,
.product-grid--template--26107196866853__main .spf-product__form-btn-addtocart,
.product-grid--template--26107196932389__main .spf-product__form-btn-addtocart,
.product-grid--template--26107196834085__main .spf-product__form-btn-addtocart,
.product-grid--template--26026345038117__main .spf-product__form-btn-addtocart,
.product-grid--template--26107196571941__main .spf-product__form-btn-addtocart,
.product-grid--template--26107196703013__main .spf-product__form-btn-addtocart,
.product-grid--template--26107196768549__main .spf-product__form-btn-addtocart,
.product-grid--template--26107196539173__main .spf-product__form-btn-addtocart,
.globo-product-recommendations .spf-product__form-btn-addtocart,
.product-grid--template--26107196670245__main .spf-product__form-btn-addtocart {
    /* 强制隐藏元素，不占据空间 */
    display: none !important;
}



/* 强制移除色块（gf-option-box li）的所有水平外边距 */
.gf-option-box li {
    /* 移除所有水平间距 */
    margin-left: 0 !important;
    margin-right: 10px !important;
    
    /* 可选：保持垂直间距不变，如果需要垂直间距，可以设置为例如 10px 0 */
    /* margin: 10px 0 0 0 !important; */
}
/* 设置颜色样本圆圈 (.gf-option-one-color) 的高度和宽度为 24px */
.gf-option-one-color {
    /* 1. 确保宽高属性可以生效 */
    display: inline-block !important; 
    
    /* 2. 设置新的尺寸 */
    width: 20px !important;
    height: 20px !important;
    
    /* 保持圆角样式 (假设它原本是圆形) */
    /* border-radius: 50% !important; */ 
}

/* 针对移动端（屏幕宽度小于 767px） */
@media screen and (max-width: 767px) {
  /* 强制修改标题 class 下的链接字体大小 */
  .spf-product-card__title, 
  .spf-product-card__price, 
  .spf-product-card__title a {
    font-size: 14px !important;
  }
}

/* SPF筛选器面板代码 ------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 针对移动端（宽度小于 768px）的最终整合布局 */
@media screen and (max-width: 767px) {
  
  /* 1. 父容器：确保横向排列并允许换行 */
  #gf-controls-container .gf-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  /* 2. 第一行左侧：Filter By 按钮区域 */
  .gf-filter-trigger {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
  }

  /* 3. 第一行右侧：Summary 统计区域 */
  .gf-summary {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    order: 2 !important;
    text-align: right !important;
    font-size: 12px !important; /* 保持极简字体大小 */
    display: block !important;
    margin-bottom: 10px !important;
  }

  /* 4. 第二行：已选标签容器铺满全屏 */
  .globo-selected-items-wrapper {
    flex: 0 0 100% !important;
    width: 100% !important;
    order: 3 !important;
    margin-top: 0px !important; /* 第一行与第二行的间距 */
    margin-bottom: 0px !important;
    display: block !important;
  }

  /* 4. 第二行：已选标签容器铺满全屏 */
  .globo-selected-items {
    margin-bottom: 0px !important;
  }

  /* 5. 按照要求隐藏排序选择模块 */
  .gf-filter-selection {
    display: none !important;
    visibility: hidden !important;
  }
  /* 隐藏侧边栏滤镜树中的已选项目展示区 */
  #gf-tree .globo-selected-items-wrapper {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #gf-tree .gf-clear {
    font-weight: 500 !important;
    color: #be3455 !important;
}
}

/* 统一侧边栏所有清除类按钮的字体、颜色及图标 */

/* 1. 统一文字设置：涵盖单个清除(gf-clear)与全部清除(gf-refine-toggle) */
#gf-tree .gf-clear, 
#gf-tree .gf-refine-toggle{
    font-weight: 500 !important;
    color: #be3455 !important;
    text-decoration: none !important;
    fill: #be3455 !important; /* 针对 SVG 的填充色 */
}

/* 针对 Clear All 按钮的背景及样式设置 */
.clear-refinements {
    display: inline-block !important; /* 确保背景色能撑开 */
    background-color: #000000 !important; /* 背景设置为黑色 */
}


/* 针对产品Sale标签的样式调整 */
.spf-product__label {
    font-size: 12px !important;
}

/* 📱 移动端 (899px 及以下)：增加容器左右内间距 */
@media screen and (max-width: 899px) {
    .product-grid-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        
        /* 确保内边距包含在宽度内，防止溢出屏幕 */
        box-sizing: border-box !important; 
    }
}

/* 微调价格区域的上边距 */
.spf-product-card__price-wrapper {
    margin-top: 6px !important;
    
    /* 确保价格也是靠左对齐（与您之前的标题风格一致） */
    display: flex !important;
    justify-content: flex-start !important;
}

.spf-product__swatch-image {
    /* 强制设置宽度为 18 像素 */
    width: 16px !important;
    
    /* 强制设置高度为 18 像素 */
    height: 16px !important;
    
    /* 确保图片完全覆盖其容器 */
    background-size: cover; 
    
    /* 可选：如果希望图片本身是块级元素 */
    display: block; 
}

/* 如果 .spf-product__swatch-image 是一个包含图片 (<img>) 的元素，
   并且您想确保图片填充整个容器： */
.spf-product__swatch-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/* 针对 SS-Header #15 子菜单图片区域 -------------------------------------------------------------------------------------------------------------------------------------------------*/
.header-submenu-item-image-sections--26107196080421__ss_header_15_LNFXV4 {
    /* 彻底移除元素，使其不占用任何空间 */
    display: none !important;
}
.header-submenu-inner-sections--26107196080421__ss_header_15_LNFXV4 {
    /* 设置上边框：厚度 1px，实线 solid，颜色 黑色 #000 */
    border-top: 1px solid #86868B !important;
}
/* --- Header 顶部外边距响应式调整 --- */

/* 1. 默认/PC端 (900px 及以上)：设置 38px */
.section-sections--26107196080421__ss_header_15_LNFXV4.header-sections--26107196080421__ss_header_15_LNFXV4.transparent.scroll.fixed.active.top {
    margin-top: 38px !important;
}

/* 2. 移动端 (899px 及以下)：设置 32px */
@media screen and (max-width: 899px) {
    .section-sections--26107196080421__ss_header_15_LNFXV4.header-sections--26107196080421__ss_header_15_LNFXV4.transparent.scroll.fixed.active.top {
        margin-top: 32px !important;
    }
}
/* 联合选择两个类名，提高特异性 */
.header-menu-link-sections--26107196080421__ss_header_15_LNFXV4.header-menu-link-title-sections--26107196080421__ss_header_15_LNFXV4 {
    /* 字体 */
    font-family: 'Poppins', sans-serif !important; 
    /* 字号 */
    font-size: 16px !important; 
    /* 颜色 (设置为黑色) */
    color: #000000 !important; 
    /* 字重 */
    font-weight: 500 !important; 
    margin-bottom: 6px !important;
}
.ymq-cart-app-header-info {
    /* 统一设置元素的上、右、下、左四个方向的内边距为 10px */
    padding: 15px !important;
}
.header-menu-list-sections--26107196080421__ss_header_15_LNFXV4.header-menu-list-desktop-sections--260263327173497__ss_header_15_LNFXV4 {
    /* 将字体厚度设置为 500 */
    font-weight: 500 !important; 
}

/*
  使用特指类名 "announcement-sections--25732506190117__ss_announcement_bar_slider_CeH8WW"
  针对屏幕宽度小于等于 768px (常见的移动设备断点) 时应用样式
*/

.announcement-slider-sections--26107196080421__ss_announcement_bar_slider_CeH8WW {
        /* 内边距：上 3px, 右 0, 下 3px, 左 0 */
        padding-top: 3px !important;
        padding-bottom: 3px !important;
}


/* 针对屏幕宽度小于等于 768px（常见移动设备断点）时应用的样式 */
@media screen and (max-width: 900px) {
    .header-body-sections--26107196080421__ss_header_15_LNFXV4 {
        /* 设置下边距为 9px */
        margin-bottom: 9px !important; 
    }
}

.heading-component__description.smi-color-text-75 p {
    color: #FFFFFF !important;
    margin-bottom: 12px !important;
}
/* 定位带有这两个类名的链接元素 */
a.breadcrumbs__link.smi-color-text-75 {
    /* 将文本颜色设置为白色 */
    color: #FFFFFF !important; 
}


/* 统一设置页面标题模块的样式 */

.smi-section-page-heading-1.smi-section__inner {

    margin-top: 88.64px;

}


@media (max-width: 899px) {

    /* 移动端覆盖：通过负边距抵消 95px 边距 */
    /* 
       选择 -95px 或 0px 取决于您的需求：
       - 使用 0px： 移除 95px 边距，使模块紧贴上方。
       - 使用 -95px： 如果模块上方有其他元素，-95px 可能造成模块与上方元素重叠。
       
       通常，归零（0px）是更安全的做法。
    */
    .smi-section-page-heading-1.smi-section__inner,
    .smi-slideshow-1.smi-section__inner {
        margin-top: 0 !important; /* 使用 !important 确保覆盖默认的 95px */
    }
}

/* 针对SS-Header #13 子菜单图片区域 ========================================================================================================================================================================*/
.header-menu-list-sections--26107196080421__ss_header_13_U8KKhW {
    font-weight: 500 !important;
}

/* 如果该类名直接作用在 ul 上，内部的链接可能需要单独指定 */
.header-menu-list-sections--26107196080421__ss_header_13_U8KKhW a,
.header-menu-list-sections--26107196080421__ss_header_13_U8KKhW P,
.header-menu-list-sections--26107196080421__ss_header_13_U8KKhW span {
    font-weight: 500 !important;
}


/* 针对特定子菜单集合容器设置背景颜色为白色 */
.header-submenu-collections-sections--2610719608042__ss_header_13_U8KKhW {
    background-color: #ffffff !important;
    padding: 0 !important;
}

/* 针对指定 div 内部的 <p> 标签设置样式 */
.header-submenu-promotion-text-sections--26107196080421__ss_header_15_LNFXV4 p {
    /* 1. 字体大小设置为 18px */
    font-size: 18px !important;
    
    /* 2. 字体系列设置为 Poppins */
    /* 注意：要确保 'Poppins' 字体已在您的主题中加载 */
    font-family: 'Poppins', sans-serif !important; 
    
    /* 3. 字体厚度 (字重) 设置为 500 */
    font-weight: 500 !important;
    
    /* 确保样式覆盖主题的默认设置 */
    line-height: 1.2 !important; /* 可选：调整行高以优化外观 */
}



/* Gallery页面： ========================================================================================================================================================================*/
.hotspot-item-form.hotspot-item-availabletrue {
    display: none !important;
}
.layer-item.layer-type-text.layer-fc301436 {
    /* 保留输入的空格和换行符，并允许在需要时自动换行 */
    white-space: pre-wrap !important;
}
.ymq-cart-app-item-properties {
    font-size: 12px !important;
}
.spf-has-filter body .spf-product__form {
    display: flex !important;
}
/* 步骤 1: 启用 Flexbox */
.skinItemCards {
    display: flex; /* 启用 Flex 布局 */
    flex-direction: column; /* 保持垂直堆叠 */
    /* **关键设置：让子元素水平居中对齐** */
    align-items: center; 
}

/* 步骤 2: 确保目标元素宽度是自动的，以便能被居中 */
.layer-409d10b1 {
    /* 移除任何可能干扰居中对齐的浮动或固定宽度 */
    width: auto; 
}
/* 针对包含 "About" 文本的 H1 元素 */
.smi-weight-content.smi-pt-md.smi-pb-md h1 {
    font-size: 20px !important; /* 使用 !important 强制覆盖主题中所有较低优先级的样式 */
    font-weight: 500 !important;
}

.smi-weight-content.smi-pt-md.smi-pb-md h2.heading-detail {
    font-size: 20px; /* 设置目标字号 */
    font-weight: 500 !important;
}
/* 针对所有使用 smi-color-text-75 类的元素 */
.smi-color-text-75 {
    font-size: 14px !important;    /* 字体大小设置为 14px */
    font-weight: 400 !important; /* 字体粗细设置为 400 (Regular/Normal) */
}

/* YMQ隐藏购物车抽屉中的总计行（Total line） ========================================================================================================================================================================*/
.ymq-cart-app-show-total {
    display: none !important;
}

/* 针对加购按钮的主体类，设置背景颜色 */
button.smi-button-add-cart {
    /* 设置背景颜色为 #523A28 */
    background-color: #523A28 !important; 
    
    /* 由于您使用的是 smi-button--outline 类，它可能没有背景色或边框是主要颜色。
       为了确保按钮文本在深色背景下可见，我们可能还需要设置文本颜色：*/
    color: #FFFFFF !important; /* 将文本颜色设置为白色 */
    
    /* 移除或修改边框颜色（如果存在）*/
    border-color: #523A28 !important;
}

.section-resource-list__content .rte-formatter {
    text-align: center !important;
}

@media screen and (max-width: 767px) {
    .text-block--AbWQvMXVSZkg4SUJJS__product_list_text_RVer9i p {
        /* 在屏幕宽度小于 768px (即移动设备) 时，字体大小设置为 24px */
        font-size: 24px !important;
    }
}

/* 针对幻灯片最外层父容器，移除顶部所有间距 (内边距和外边距) */
.smi-slideshow-1 {
    /* 移除上外边距 (Margin Top) */
    margin-top: 0 !important;
    
    /* 移除上内边距 (Padding Top) */
    padding-top: 0 !important;
    
    /* 覆盖可能存在的 CSS 逻辑属性 */
    --padding-block-start: 0px !important;
}

/* 针对 .ymq-cart-app-rewards 元素，移除所有内/外边距 */
.ymq-cart-app-rewards {
    /* 移除所有外边距 (Margin: 上、右、下、左) */
    margin: 0 !important;
    
    /* 移除所有内边距 (Padding: 上、右、下、左) */
    padding: 0 !important;
}
/* 设置 ymq-cart-app-progress-message 元素的文本大小为 12px */
.ymq-cart-app-progress-message p,
.ymq-cart-app-progress-message p span {
    font-size: 12px !important;
    font-weight: 500 !important;
}
.ymq-cart-app-progress-message {
    margin-top: 6px !important;
}

/* 为进度条容器设置 6px 的上间距 */
.ymq-cart-app-progress-info {
    margin-top: 20px !important;
}
/* 设置 ymq-cart-app-step-text 元素的文本大小为 10px */
.ymq-cart-app-step-text {
    font-size: 12px !important;
    padding-top: 3 !important;
}

.ymq-cart-app-discounts-text,
.ymq-cart-app-discounts-price {
    font-size: 12px !important;
}
/* 设置 ymq-cart-app-note-show-text 的文字粗细为 500 */
.ymq-cart-app-note-show-text {
    font-weight: 500 !important;
}

/* 设置购物车顶部区域的下内边距及底部边框 */
.ymq-cart-app-body-top {
    /* 设置下内边距为 3px */
    padding-bottom: 6px !important;
    
    /* 设置底部边框：1px 宽，实线，颜色为 #e5e5e5 */
    border-bottom: 1px solid #e5e5e5 !important;
    
    /* 确保边框能正常显示（如果元素之前被设置了无边框） */
    box-sizing: border-box;
}

/* 彻底隐藏购物车追加销售表单，不占用页面空间 */
.ymq-cart-app-upsell-product-form {
    display: none !important;
}

/* 彻底清除 YMQ 插件容器底部的所有内边距 */
.ymq-cart-app-body-bottom {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* 强制设置 YMQ 插件图片/容器尺寸为 100x100 */
.ymq-cart-app-image-info {
    width: 80px !important;
    height: 80px !important;
    
    /* 确保内部图片填充模式（防止变形） */
    object-fit: cover !important; 
    
    /* 如果这是一个容器，确保其内部图片也同步缩放 */
    display: block !important;
}

/* 统一设置折扣区域的负号、货币符号和数值 */
.ymq-cart-app-discounts-price,
.ymq-cart-app-discounts-price span {
    color: #000000 !important;         /* 强制设为黑色 */
    font-weight: 500 !important;      /* 厚度设为 500 */
    
    /* 某些主题可能会有默认的透明度，这里确保完全不透明 */
    opacity: 1 !important;
}


/* 为政策页面标题增加 100px 的上部间距  ========================================================================================================================================================================*/
.shopify-policy__title {
    margin-top: 100px !important;
}

/* 针对标题下方的文字，如果也需要对齐，可以视情况微调中心对齐 */
.shopify-policy__title h1 {
    margin-top: 0 !important; /* 确保内部 h1 不会产生额外的叠加间距 */
}
/* 设置 smi-collection-item-1__content 的外边距 */
.smi-collection-item-1__content {
    /* 简写顺序：上(12px) 左右(0) 下(0) */
    padding: 12px 0 0 0 !important;
}
/* 为公告栏文字区域增加上下内边距 */
.announcement-text-sections--26026332717349__ss_announcement_bar_slider_CeH8WW {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    
    /* 确保元素以标准盒模型渲染，防止高度计算异常 */
    display: inline-block; 
    width: 100%;
}

/* 1. 设置面包屑内所有文字的大小  ======================================================================================================================================================================== */
.bg-breadcrumb a,
.bg-breadcrumb span {
    font-size: 12px !important; 
    padding-bottom: 3px !important;
}

/* 2. 仅为链接 (a 标签) 设置下划线及 1px 间距 */
.bg-breadcrumb a {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 1px !important;
    color: inherit; /* 保持链接原本的颜色 */
}
/* 针对面包屑分隔符图标大小的设置 */
.bg-breadcrumb li::after {
    /* 设置图标大小，建议与文字大小相同或略小 */
    font-size: 10px !important;
    
    /* 确保图标能够正确响应大小变化 */
    display: inline-block !important;
    line-height: 1 !important;
}


/* 1.SPF产品卡片代码 ======================================================================================================================================================================== */
.spf-product-card__price-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center; /* 确保价格在垂直方向对齐 */
}

/* 2. 将现价 (Sale Price) 移到左侧，并清除边距 */
.spf-product-card__saleprice {
    order: -1 !important; /* 强制排在第一位 */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 3. 清除原价 (Old Price) 的边距 */
.spf-product-card__oldprice {
    padding-left: 0 !important;
    padding-right: 0 !important;
    
    /* 选填：因为清除了所有边距，两个价格会粘在一起。
       建议给原价左侧加一点点间距，看起来更美观。 */
    margin-left: 6px !important; 
}


/* 1. 强制设定图片宽度并居中 */
img.blog-post-featured-image__image.border-style {
    width: 672px !important;
    max-width: 100% !important; /* 关键：确保在手机等小屏幕上不会溢出屏幕 */
    
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    
    /* 维持原始纵横比，防止图片变形 */
    height: auto !important; 
    object-fit: contain !important;
}
/* 2. 调整父级容器以适配 672px 的宽度 */
div.blog-post-featured-image.spacing-style.size-style {
    /* 允许容器根据内部图片宽度撑开或保持居中 */
    width: 100% !important; 
    display: flex !important;
    justify-content: center !important;
    
    /* 清除之前可能存在的 50% 宽度限制 */
    --size-style-width: 100% !important; 
}


/* 针对手机端 (749px 以下屏幕) 的精确控制 ========================================================================================================================================================================*/
@media screen and (max-width: 900px) {
  h1, .h1 { font-size: 32px !important; }
  h2, .h2 { font-size: 24px !important; }
  h3, .h3 { font-size: 20px !important; }
  h4, .h4 { font-size: 18px !important; }
  h5, .h5 { font-size: 14px !important; }
  h6, .h6 { font-size: 10px !important; }
}

/* 强制清除 info-container 的所有内部间距 */
.info-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    
    /* 额外保险：清除可能存在的最小高度或外边距 */
    margin: 0 !important;
    min-height: auto !important;
}


/* 主题自带模块 ========================================================================================================================================================================================================/
/* 推荐产品锁定特定 Quick View 按钮进行样式定制 */
/* 仅在移动端（屏幕宽度小于 768px）生效 */
@media screen and (max-width: 900px) {
  /* 1. 彻底隐藏按钮并取消其占位 */
  [data-testid="group-block"] a.button {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
}

/* 2. 移动端设置（屏幕宽度小于 768px） */
@media screen and (max-width: 900px) {
    #shopify-section-template--26107195785509__product_list_CgQmVT.shopify-section {
        padding-left: 15px !important;
    }
}

div#insta-feed h2[style] {
  font-size: 16px !important;
  font-weight: 500 !important;
  display: block !important; /* 确保它是块级元素以应用字体样式 */
}



/* 产品详情页面=======================================================================================================================================================================================================*/

/* 针对移动端设备（通常定义为 767px 或 1024px 以下） */
@media screen and (max-width: 767px) {
  .seo-breadcrumb {
    padding-top: 50px !important;
  }
}

/* 仅在移动端（屏幕宽度小于 768px）生效 */
@media screen and (max-width: 767px) {

  /* 1. 统一调整所有层级的容器尺寸为 120px */
  /* 使用 .custom-header 确保只影响您指定的这个板块 */
  .custom-header .ymq-option-value-item,
  .custom-header .ymq-option-label,
  .custom-header .ymq-option-swatches-item,
  .custom-header .ymq-option-swatches-image-container {
    width: 120px !important;
    height: 120px !important;
    /* 核心：强制 flex 占位也是 120px，消灭紫色阴影空白 */
    flex: 0 0 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    margin: 0 !important; /* 移除可能存在的默认外边距 */
  }

  /* 2. 调整核心图片尺寸为 118px */
  .custom-header .ymq-option-swatches-image {
    width: 118px !important;
    height: 118px !important;
    object-fit: cover !important;
    /* 确保图片在 120px 的容器中居中 */
    display: block !important;
    margin: 1px auto !important; 
  }

  .custom-lining .ymq-option-value-item,
  .custom-lining .ymq-option-label,
  .custom-lining .ymq-option-swatches-item,
  .custom-lining .ymq-option-swatches-image-container {
    width: 120px !important;
    height: 120px !important;
    /* 核心：强制 flex 占位也是 120px，消灭紫色阴影空白 */
    flex: 0 0 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    margin: 0 !important; /* 移除可能存在的默认外边距 */
  }

  /* 2. 调整核心图片尺寸为 118px */
  .custom-lining .ymq-option-swatches-image {
    width: 118px !important;
    height: 118px !important;
    object-fit: cover !important;
    /* 确保图片在 120px 的容器中居中 */
    display: block !important;
    margin: 1px auto !important; 
  }

  .custom-shape .ymq-option-value-item,
  .custom-shape .ymq-option-label,
  .custom-shape.ymq-option-swatches-item,
  .custom-shape .ymq-option-swatches-image-container {
    width: 120px !important;
    height: 120px !important;
    /* 核心：强制 flex 占位也是 120px，消灭紫色阴影空白 */
    flex: 0 0 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    margin: 0 !important; /* 移除可能存在的默认外边距 */
  }

  /* 2. 调整核心图片尺寸为 118px */
  .custom-shape .ymq-option-swatches-image {
    width: 118px !important;
    height: 118px !important;
    object-fit: cover !important;
    /* 确保图片在 120px 的容器中居中 */
    display: block !important;
    margin: 1px auto !important; 
  }

  .custom-tieback .ymq-option-value-item,
  .custom-tieback .ymq-option-label,
  .custom-tieback.ymq-option-swatches-item,
  .custom-tieback .ymq-option-swatches-image-container {
    width: 120px !important;
    height: 120px !important;
    /* 核心：强制 flex 占位也是 120px，消灭紫色阴影空白 */
    flex: 0 0 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    margin: 0 !important; /* 移除可能存在的默认外边距 */
  }

  /* 2. 调整核心图片尺寸为 118px */
  .custom-tieback .ymq-option-swatches-image {
    width: 118px !important;
    height: 118px !important;
    object-fit: cover !important;
    /* 确保图片在 120px 的容器中居中 */
    display: block !important;
    margin: 1px auto !important; 
  }


/* 移动端特定样式 (通常针对屏幕宽度小于 768px 的设备) */
@media screen and (max-width: 767px) {
  .lf-filter__title {
    font-size: 10px !important;
    line-height: 1.2; /* 确保小字体下行高依然舒适 */
  }
  
  /* 如果你想让分类数量 (Count) 也同步缩小，可以加上下面这段 */
  .lf-filter__count {
    font-size: 10px !important;
  }
}