@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//saige-russia.ru/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.7") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//saige-russia.ru/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//saige-russia.ru/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//saige-russia.ru/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//saige-russia.ru/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//saige-russia.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//saige-russia.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//saige-russia.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//saige-russia.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(221,153,51);
	--wd-alternative-color: rgb(221,51,51);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(241,115,32);
	--btn-accented-bgcolor-hover: rgb(230,98,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://saige-russia.ru/wp-content/uploads/2021/09/bikes-popup-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(248,249,250);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: rgb(33,33,33);
}
html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount, html .product-image-summary-wrap .summary-inner > .price, html .product-image-summary-wrap .summary-inner > .price > .amount, html .product-image-summary-wrap .summary-inner > .price > .price > .amount, html .product-image-summary-wrap .summary-inner > .price ins .amount, html .wd-single-price .price, html .wd-single-price .price > .amount, html .wd-single-price .price > ins .amount, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price > .amount, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price > ins .amount, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price > .amount, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price > ins .amount, html .wd-product-nav-desc .price > .amount, html .wd-product-nav-desc .price > ins .amount, html .wd-product-nav-desc .price > ins .amount, html .product-quick-view  .summary-inner > .price > .amount, html .product-quick-view .summary-inner > .price > ins .amount {
	color: rgb(229,57,53);
}
html .product.wd-product del, html .product.wd-product del .amount, html .product-image-summary-wrap .summary-inner > .price del, html .product-image-summary-wrap .summary-inner > .price del .amount, html .wd-single-price .price del .amount, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del .amount, html .wd-single-add-cart .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price > .price del .amount, html .product-quick-view  .summary-inner > .price del, html .product-quick-view  .summary-inner > .price del .amount, html .product-quick-view  .variations_form .woocommerce-variation-price > .price del, html .product-quick-view .variations_form .woocommerce-variation-price > .price del .amount {
	color: rgb(158,158,158);
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .single_add_to_cart_button, html .wd-sticky-add-to-cart, html .wd-sticky-btn.wd-quantity-overlap div.quantity input[type], html .product-quick-view .entry-summary .single_add_to_cart_button {
	color: #FFFFFF;
	background: rgb(255,109,0);
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover, html .wd-sticky-btn-cart .single_add_to_cart_button:hover, html .wd-sticky-add-to-cart:hover, html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity input[type], html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity+.button, html .product-quick-view .entry-summary .single_add_to_cart_button:hover {
	background: rgb(230,98,0);
}
html .wd-buy-now-btn {
	color: rgb(33,33,33);
	background: rgb(255,255,255);
}
html .wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(33,33,33);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 40px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-bottom-active: -1px;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-default-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
--wd-cat-brd-radius: 8px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(242,242,242);
}

/* ============================================
   WOODMART & ELEMENTOR SIDE CART RECONSTRUCTION
   目标：修复重叠、优化布局、提升视觉档次
   ============================================ */

/* 1. 侧边栏容器：改为干净的白底 */
.cart-widget-side.wd-side-hidden {
    background-color: #ffffff !important;
    padding: 0 20px !important;
    box-shadow: -5px 0 30px rgba(0,0,0,0.08) !important;
	   --wd-side-hidden-w: 440 px !important;
}

/* 2. 顶部标题：增加呼吸感 */
.wd-heading {
    padding: 25px 0 15px 0 !important;
    border-bottom: 1px solid #f1f1f1 !important;
    margin-bottom: 10px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wd-heading .title {
	
    font-family: inherit;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #222 !important;
    letter-spacing: 0.5px;
}

/* 3. 产品条目：采用 Flex 布局防止重叠 */
.elementor-menu-cart__product {
    display: flex !important;
    position: relative;
    padding: 20px 0 !important;
    border-bottom: 1px solid #f8f8f8 !important;
    align-items: flex-start !important;
}

/* 4. 图片：固定尺寸，防止占满屏幕 */
.elementor-menu-cart__product-image {
    width: 75px !important;
    height: 75px !important;
    flex-shrink: 0;
    margin-right: 15px !important;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
}

.elementor-menu-cart__product-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* 5. 产品内容区域：强制纵向排列内容 */
.elementor-menu-cart__product-name {
    display: block !important;
    flex: 1;
    margin: 0 !important;
    padding-right: 25px !important; /* 为删除按钮留出空间 */
}

.elementor-menu-cart__product-name a {
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-decoration: none !important;
}

/* 6. 规格参数（颜色等）：弱化显示 */
.variation {
    margin: 5px 0 8px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 12px !important;
    color: #888 !important;
}

/* 7. 价格与数量：修复重叠，水平分布 */
.elementor-menu-cart__product-price {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin-top: 8px !important;
    font-size: 14px !important;
    color: #c43c3c !important; /* 核心品牌色 */
    font-weight: 700 !important;
}

.elementor-menu-cart__product-price .product-quantity {
    color: #999 !important;
    font-weight: normal !important;
    font-size: 13px;
}

div.elementor-menu-cart__product-price.product-price span.quantity {
    border: none !important;
}

/* 8. 删除按钮：放置在右上角 */
.elementor-menu-cart__product-remove {
    position: absolute !important;
    right: 0;
    top: 20px;
}

.elementor-menu-cart__product-remove a {
    font-size: 18px !important;
    color: #ccc !important;
}

.elementor-menu-cart__product-remove a:hover {
    color: #ff4d4d !important;
}

/* 9. 底部小计：居中、加粗 */
.elementor-menu-cart__subtotal {
    padding: 25px 0 !important;
    border-top: 2px solid #f5f5f5 !important;
    text-align: center !important;
    font-size: 16px !important;
}

.elementor-menu-cart__subtotal strong {
    color: #777;
    font-weight: 400;
}

.elementor-menu-cart__subtotal .amount {
    color: #222 !important;
    font-weight: 800 !important;
    font-size: 20px;
}

/* 10. 底部按钮：横向平铺，品牌化设计 */
.elementor-menu-cart__footer-buttons {
    display: flex !important;
    gap: 12px !important;
    padding-bottom: 30px !important;
}

.elementor-menu-cart__footer-buttons .elementor-button {
    flex: 1 !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    transition: all 0.3s ease;
}

/* View Cart 按钮：边框感 */
.elementor-button--view-cart {
    background-color: #fff !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
}

.elementor-button--view-cart:hover {
    background-color: #f9f9f9 !important;
    border-color: #333 !important;
}

/* Checkout 按钮：实色块 */
.elementor-button--checkout {
    background-color: #333 !important;
    color: #fff !important;
}

.elementor-button--checkout:hover {
    background-color: #000 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* 产品页将折扣label放到左边 */
.product-labels {
    position: relative !important;
}

.woocommerce-mini-cart__empty-message {
color: black !important;
}
/** 加购按钮 **/
/* 1. 统一购买区域布局：让加减号和两个按钮水平对齐 */
.summary.entry-summary .cart {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important; /* 统一间距 */
}

/* 2. 数量选择器美化：对齐高度 */
.summary.entry-summary .quantity {
    margin-right: 0 !important;
}

.summary.entry-summary .quantity input[type="number"] {
    height: 48px !important; /* 强制拉高 */
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background: #f9f9f9 !important;
    width: 60px !important;
}

/* 3. "ADD TO CART" 按钮精修 */
.single_add_to_cart_button.button.alt {
    height: 44px !important; /* 与数量框对齐 */
    padding: 0 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 0 rgba(0,0,0,0.05) !important; /* 微立体感 */
}

/* 4. "BUY NOW" 按钮彻底重塑 (ID: wd-add-to-cart) */
#wd-add-to-cart {
    height: 48px !important;
    background-color: #212121 !important; /* 设置为黑色或深色 */
    color: #ffffff !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    border: none !important;
    margin: 0 !important; /* 移除默认边距 */
}

/* 5. 鼠标悬停动画：亮橙色变深，黑色变橙 */
.single_add_to_cart_button.button.alt:hover {
    background-color: #e66200 !important; /* 略深一点的橙 */
    transform: translateY(-2px);
}

#wd-add-to-cart:hover {
    background-color: #FF6D00 !important; /* 悬停时变品牌橙 */
    color: #fff !important;
    transform: translateY(-2px);
}

/* 6. 分享和对比区域稍微下移，拉开呼吸感 */
.compare-wishlist-wrapper, .product_meta, .share-buttons {
    margin-top: 20px !important;
    border-top: 1px solid #f0f0f0;
    padding-top: 15px;
}

/* --- 在你原有代码基础上修改或添加 --- */

/* 1. 深度美化数量选择器 (Quantity) */
.quantity {
    display: flex !important;
    border: 1px solid #ddd !important; /* 给整个组件一个外框 */
    border-radius: 4px !important;
    overflow: hidden;
    height: 48px !important;
}

/* 移除输入框原有的边框，使其与左右按钮融合 */
.quantity input[type="number"] {
    height: 46px !important; /* 略小于容器 */
    border: none !important;
    background: #ffffff !important;
    width: 45px !important;
    font-weight: 700 !important;
    color: #212121 !important;
    text-align: center;
}

/* 针对加减按钮 (-) 和 (+) 的样式优化 */
.quantity input[type="button"] {
    width: 35px !important;
    height: 46px !important;
    background-color: #f9f9f9 !important;
    border: none !important;
    font-size: 18px !important;
    cursor: pointer;
    transition: all 0.2s;
    color: #666 !important;
}

.summary.entry-summary .quantity input[type="button"]:hover {
    background-color: #eeeeee !important;
    color: #FF6D00 !important; /* 悬停变橙色 */
}

/* 2. 按钮细节微调：增加字间距和微阴影 */
.single_add_to_cart_button.button.alt, 
#wd-add-to-cart {
    letter-spacing: 0.5px !important; /* 增加字间距更高级 */
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 3. 为“加入购物车”增加一个极细的内发光，显质感 */
.single_add_to_cart_button.button.alt {
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.1), 0 4px 10px rgba(255,109,0,0.2) !important;
}

/* 4. "BUY NOW" 默认状态稍微带点哑光感 */
#wd-add-to-cart {
    background-color: #2d2d2d !important;
}

/* 5. 修复变体选择器（颜色圆圈）的间距 */
.wd-swatches-product {
    margin-bottom: 25px !important;
    gap: 10px !important;
}

/** 修复浮动购物车按钮样式**/
/* 1. 优化吸底栏容器布局 */
/** 修复浮动购物车按钮样式**/
/* 1. 优化吸底栏容器布局 */
.wd-sticky-btn-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; /* 居中内容 */
    gap: 15px !important; /* 增加所有元素之间的间距 */
    padding: 10px 20px !important;
    
    /* 核心修复：防止被手机端底部导航遮挡 */
    transition: bottom 0.3s ease; 
}

/* 针对手机移动端，将加购栏向上推，避开底部导航栏 */
@media (max-width: 767px) {
    .wd-sticky-btn-cart {
        /* 假设你的底部导航高度是 55px，我们设为 60px 留一点空隙 */
        /* 如果位置还不够，可以继续调大这个数值 */
        bottom: 60px !important; 
        
        /* 提升层级，确保它在最前面 */
        z-index: 1000 !important; 
        
        /* 可选：增加阴影让它和底部导航有视觉区分 */
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1) !important;
    }
	.wd-action-btn a {
		color: black !important;
	}
}

/* 2. 价格区域样式调整，防止挤压按钮 */
.wd-sticky-btn-cart .price {
    margin-right: auto !important; /* 将价格推向左侧 */
    min-width: fit-content !important;
}

/* 3. 统一“Select options”和“Buy now”按钮的高度和外观 */
.wd-sticky-add-to-cart, 
#wd-add-to-cart.wd-buy-now-btn {
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    padding: 0 25px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin: 0 !important; /* 清除默认外边距 */
    white-space: nowrap !important; /* 防止文字换行 */
    border: none !important;
}

/* 4. 修复图标按钮（比较和愿望清单）的间距 */
.wd-sticky-btn-cart .wd-action-btn {
    margin-left: 5px !important;
    flex-shrink: 0 !important;
}

/* 5. 颜色区分：Select options 保持橙色，Buy Now 保持黑色 */
.wd-sticky-add-to-cart {
    background-color: #FF6D00 !important;
    color: #fff !important;
}

#wd-add-to-cart.wd-buy-now-btn {
    background-color: #212121 !important;
    color: #fff !important;
}

/* 6. 悬停效果 */
.wd-sticky-add-to-cart:hover {
    background-color: #e66200 !important;
    transform: translateY(-2px);
}

#wd-add-to-cart.wd-buy-now-btn:hover {
    background-color: #FF6D00 !important; /* 悬停变品牌橙 */
    color: #fff !important;
    transform: translateY(-2px);
}

/** 手机端购物车 **/
/* 购物车手机端样式修复数量和价格与标题折叠导致显示不全的问题 */
/* 针对手机端的优化 */
@media (max-width: 767px) {
    /* 1. 让购物车单个商品项容器使用 Flex 布局并允许换行 */
    .elementor-menu-cart__product {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        padding-bottom: 15px !important;
        position: relative;
    }

    /* 2. 让图片占据左侧固定宽度 */
    .elementor-menu-cart__product-image {
        width: 80px !important;
        flex-shrink: 0;
        margin-right: 15px !important;
    }

    /* 3. 让标题/内容区占据剩余宽度，并强制内部元素垂直排列 */
    .elementor-menu-cart__product-name {
        flex: 1 !important;
        width: auto !important;
        padding-right: 25px !important; /* 给右侧的删除按钮留点空间 */
        display: block !important;
    }

    /* 4. 关键：调整价格区域，使其掉到标题下方，并横向排列 */
    .elementor-menu-cart__product-price {
        display: block !important;
        width: 100% !important;
        margin-top: 5px !important;
        /* 如果 Elementor 原本用了绝对定位，这里要重置 */
        position: static !important; 
        text-align: left !important;
        clear: both;
    }

    /* 5. 确保数量和金额在一行 */
    .elementor-menu-cart__product-price .quantity {
        display: flex !important;
        align-items: center;
        gap: 5px; /* 数量和价格之间的间距 */
        font-size: 14px;
        color: #e6a03c; /* 保持图片中的橙黄色调，可根据需要修改 */
    }

    /* 6. 调整删除按钮的位置，防止重叠 */
    .elementor-menu-cart__product-remove {
        position: absolute !important;
        right: 0;
        top: 10px;
    }
    
    /* 修正属性列表(Variation)的间距 */
    .elementor-menu-cart__product-name .variation {
        margin: 5px 0 !important;
        padding: 0 !important;
        list-style: none;
    }
}

/** 产品详情页 **/
/* 在手机端强制改为 上图下文 */
@media (max-width: 767px) {
    /* 针对网格容器或 Flex 容器内的组件排序 */
    .elementor-widget-wd_image_or_svg {
        order: 1 !important;
    }
    
    .elementor-widget-wd_text_block {
        order: 2 !important;
    }
}

/** 愿望单 **/
/* 1. 在大屏幕上，隐藏专门给手机准备的图标 */
@media (min-width: 1025px) {
    .wd-wishlist-head .social-share .wd-hide-lg {
        display: none !important;
    }
}

/* 2. 在中等及小屏幕（手机）上，隐藏专门给电脑准备的图标 */
@media (max-width: 1024px) {
    .wd-wishlist-head .social-share .wd-hide-md {
        display: none !important;
    }
    
    /* 同时确保手机版的图标能正常显示为 flex 单元 */
    .wd-wishlist-head .social-share .wd-hide-lg {
        display: inline-flex !important;
    }
}

@media (max-width: 767px) {
    /* 1. 强制头部容器纵向排列（标题一行，分享区一行） */
    .wd-wishlist-head {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px; /* 标题与分享区域的间距 */
    }

    /* 2. 让分享容器内的内容（文字+图标）横向排开 */
    .wd-wishlist-head .social-share {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap; /* 如果图标太多自动换行 */
        align-items: center; /* 垂直居中对齐 */
        justify-content: flex-start;
        width: 100%;
    }

    /* 3. 清除代码中多余 <p> 标签带来的干扰 */
    .wd-wishlist-head .social-share p {
        margin: 0 !important;
        display: flex;
        align-items: center;
    }

    /* 4. 设置图标之间的间隔 */
    .wd-wishlist-head .social-share a {
        margin-right: 12px !important; /* 图标右侧间隔 */
        margin-left: 0 !important;
        display: inline-flex !important;
    }

    /* 5. 专门处理 "Share:" 文字的右间距 */
    .wd-wishlist-head .share-title {
        margin-right: 10px !important;
        font-weight: bold;
    }
    
    /* 6. 修正图标可能存在的高度塌陷问题 */
    .wd-wishlist-head .wd-icon {
        display: inline-block;
        min-width: 20px;
    }
}


/** 聊天图标 **/
/* 这一步最关键：强制脱离文档流 */
/* 浮动黄色主按钮 */
.my-chat-trigger-floating {
    position: fixed;
    bottom: 8em;
    right: 20px;
    width: 60px;
    height: 60px;
    background: #ffdb33; /* 明黄色 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    cursor: grab;
	   user-select: none; /* 防止拖拽时选中文字 */
	   touch-action: none; /* 禁用系统默认触摸行为 */
    z-index: 400 !important;
	   transition: transform 0.2s; /* 仅保留缩放过渡，不要给 top/left 加过渡，否则拖拽会延迟 */
}

.my-chat-trigger-floating:active {
    cursor: grabbing; /* 正在拖拽的手型 */
}

.my-chat-trigger-floating svg {
    width: 30px;
    height: 30px;
    stroke: #000;
}

/* 弹窗容器 */
.my-custom-chat-popup {
    position: fixed;
    bottom: 12em;
    right: 30px;
    background: #fff;
    width: 200px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    display: none;
    z-index: 999999;
    padding: 15px;
}

.my-custom-chat-popup.show {
    display: block !important;
    animation: fadeInUp 0.3s ease;
	   z-index: 400 !important;
}

/* 弹窗标题 */
.chat-header {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

/* 图标排列 */
#dynamic-chat-options {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

/* 单个图标样式修正 */
.custom-chat-link svg {
    width: 35px !important;
    height: 35px !important;
    transition: transform 0.2s;
}

.custom-chat-link:hover svg {
    transform: scale(1.1);
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/** 设置聊天图标颜色 **/
/* 弹窗容器的初始状态 */
.chat-options-wrapper {
    display: none; /* 初始必须隐藏，由 JS 控制显示 */
    position: absolute;
    bottom: 3em;  /* 确保在黄色按钮上方 */
    right: 0;
    background: white;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    z-index: 9999;
    flex-direction: row; /* 图标横向排列 */
    gap: 15px;
    align-items: center;
    min-width: 200px;
    justify-content: center;
}

/* 按钮点击后的旋转动画（可选） */
.custom-float-chat.active .main-chat-btn {
    transform: rotate(90deg);
}

/* 确保图标大小正常 */
.chat-options-wrapper svg {
    width: 35px !important;
    height: 35px !important;
    display: block;
}

/** 调整产品列表页产品的颜色图标大小 **/
/* 1. 调整外层容器的大小 */
.wd-swatches-grid .wd-swatch {
    width: 28px !important;  /* 设置你想要的宽度 */
    height: 28px !important; /* 设置你想要的高度 */
    margin-right: 5px;       /* 调整图标之间的间距 */
}

/* 2. 确保内部的颜色背景层充满容器并保持圆形 */
.wd-swatches-grid .wd-swatch .wd-swatch-bg {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important; /* 如果需要正圆，确保是50% */
}

/* 3. 调整选中状态时的效果（可选） */
/* 如果变大后选中的边框显得太近，可以微调这里 */
.wd-swatches-grid .wd-swatch.wd-active {
    box-shadow: 0 0 0 2px white, 0 0 0 4px #83b735; /* 示例：白色内圈+主题色外圈 */
}

/** 修复手机端遮挡浮动加购的问题 **/