.elementor-91 .elementor-element.elementor-element-fce0322{--display:flex;--min-height:0px;--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;}.elementor-91 .elementor-element.elementor-element-6329b6a{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-91 .elementor-element.elementor-element-9987cfe img{width:100%;max-width:100%;height:388px;object-fit:cover;object-position:center center;}.elementor-91 .elementor-element.elementor-element-96622c8{--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:0px 30px;--row-gap:0px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-91 .elementor-element.elementor-element-6f41696{--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-91 .elementor-element.elementor-element-128833d{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:1px 1px 1px 1px;border-radius:0px;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:0px;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#000000;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#000000;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:18px;font-weight:800;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product .star-rating{color:#FFFFFF;font-size:0.7em;margin-bottom:0px;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product .star-rating::before{color:#FFFFFF;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product .price{color:#000000;font-size:18px;font-weight:500;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product .price ins{color:#000000;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product .price ins .amount{color:#000000;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product .price del{color:#505050;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product .price del .amount{color:#505050;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product .price del {font-size:16px;font-weight:600;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products ul.products li.product span.onsale{display:block;color:#FF1C1C;background-color:#FFF3DC;min-width:70px;min-height:28px;line-height:28px;}@media(min-width:768px){.elementor-91 .elementor-element.elementor-element-fce0322{--content-width:1920px;}.elementor-91 .elementor-element.elementor-element-96622c8{--content-width:1920px;}.elementor-91 .elementor-element.elementor-element-6f41696{--width:15%;}.elementor-91 .elementor-element.elementor-element-128833d{--width:85%;}}@media(max-width:1024px){.elementor-91 .elementor-element.elementor-element-6329b6a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:0px;}}@media(max-width:767px){.elementor-91 .elementor-element.elementor-element-6329b6a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-91 .elementor-element.elementor-element-9987cfe img{height:238px;}.elementor-91 .elementor-element.elementor-element-22aaa26.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:0px;}}/* Start custom CSS for sidebar, class: .elementor-element-7947634 *//* =========================================
   1. 容器卡片化：粗黑边框 + 硬阴影
   ========================================= */
.elementor-91 .elementor-element.elementor-element-7947634 .ct-widget {
    background: #fff;           /* 白底 */
    border: 2px solid #000;     /* 2像素粗黑边框 (呼应产品卡片) */
    padding: 20px;              /* 内部留白 */
    margin-bottom: 30px !important; /* 卡片间距 */
    
    /* 关键点：硬阴影效果，制造立体感，呼应波普风 */
    box-shadow: 4px 4px 0px #000; 
}

/* =========================================
   2. 标题样式：加粗大写 + 下划线
   ========================================= */
.elementor-91 .elementor-element.elementor-element-7947634 .ct-widget h2, 
.elementor-91 .elementor-element.elementor-element-7947634 .ct-widget h3, 
.elementor-91 .elementor-element.elementor-element-7947634 .widget-title {
    font-size: 16px;            /* 字号加大 */
    font-weight: 900;           /* 极粗字体 */
    text-transform: uppercase;  /* 英文强制大写 */
    color: #000;                
    margin-bottom: 15px;
    padding-bottom: 10px;
    
    /* 标题下方加一条粗黑线 */
    border-bottom: 2px solid #000; 
}

/* =========================================
   3. 搜索框优化：药丸形状 (呼应“加入购物车”按钮)
   ========================================= */
/* 输入框 */
.elementor-91 .elementor-element.elementor-element-7947634 .widget_search input[type="search"] {
    border: 2px solid #000;     /* 粗边框 */
    border-radius: 50px;        /* 变成圆润的药丸形 */
    padding: 10px 15px;
    background: #f9f9f9;
    color: #000;
    font-weight: bold;
}

/* 搜索按钮 */
.elementor-91 .elementor-element.elementor-element-7947634 .widget_search button {
    background-color: #000;     /* 黑色背景 */
    color: #fff;                /* 白色图标 */
    border-radius: 50%;         /* 圆形按钮 */
    margin-left: -40px;         /* 把它拉回来覆盖在输入框上 */
    z-index: 2;
    width: 35px;
    height: 35px;
    line-height: 35px;
}

/* =========================================
   4. 列表项优化 (coffee beans)
   ========================================= */
.elementor-91 .elementor-element.elementor-element-7947634 .ct-widget ul li {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;           /* 字体加粗 */
    color: #000;
}

/* 让链接看起来更明显 */
.elementor-91 .elementor-element.elementor-element-7947634 .ct-widget ul li a {
    text-decoration: none;
    color: #000;
    transition: 0.2s;
    display: inline-block;
}

/* 鼠标悬停时：变成高亮色 (这里用了黄色，可以改成你喜欢的) */
.elementor-91 .elementor-element.elementor-element-7947634 .ct-widget ul li a:hover {
    background-color: #FFD700;  /* 亮黄色背景 */
    padding: 0 5px;             /* 给点内边距 */
    color: #000;
    box-shadow: 2px 2px 0px #000; /* 悬停时也有小阴影 */
    transform: translate(-1px, -1px);
}

/* 数量 (10) 的样式 */
.elementor-91 .elementor-element.elementor-element-7947634 .ct-widget .count {
    font-weight: normal;
    font-size: 12px;
    color: #666;
    margin-left: 5px;
}

/* =========================================
   5. 最近浏览产品优化
   ========================================= */
.elementor-91 .elementor-element.elementor-element-7947634 .product_list_widget li {
    padding-bottom: 15px;
    border-bottom: 1px dashed #000; /* 虚线分割 */
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.elementor-91 .elementor-element.elementor-element-7947634 .product_list_widget li:last-child {
    border-bottom: none;
}

/* 图片加个小边框 */
.elementor-91 .elementor-element.elementor-element-7947634 .product_list_widget img {
    border: 1px solid #000;
    margin-right: 15px;
    width: 50px; 
}

/* 产品标题 */
.elementor-91 .elementor-element.elementor-element-7947634 .product_list_widget a .product-title {
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

/* 价格 */
.elementor-91 .elementor-element.elementor-element-7947634 .product_list_widget .amount {
    font-weight: 800;
    color: #000;
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-22aaa26 *//* =========================================
   1. 基础布局设置
   让卡片看起来有内边距和圆角
   ========================================= */
ul.products li.product {
    padding: 20px;
    border-radius: 8px; /* 可根据需要调整圆角大小 */
    box-sizing: border-box;
    transition: transform 0.2s; /* 添加一点微小的动效 */
}

/* =========================================
   2. 前 8 个产品的专属背景色
   ========================================= */

/* 第1个：绿色 */
ul.products li.product:nth-child(1) {
    background-color: #1A9C1C;}

/* 第2个：天蓝色 */
ul.products li.product:nth-child(2) {
    background-color: #63B5E5; 
}

/* 第3个：土黄色 */
ul.products li.product:nth-child(3) {
    background-color: #F5B026; 
}

/* 第4个：香芋紫 */
ul.products li.product:nth-child(4) {
    background-color: #CC99D6; 
}

/* 第5个：明黄色 (带Best Seller那个) */
ul.products li.product:nth-child(5) {
    background-color: #F3C044; 
}



/* ==============================================
   WooCommerce 产品卡片按钮优化 - Counter Culture 风格
   容器：.ct-woo-card-actions
   ============================================== */

/* 1. 按钮外层容器 (保持你原有的布局逻辑) */
.ct-woo-card-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 36px !important;
    padding-bottom: 25px;
}

/* 2. 按钮核心样式 (默认状态：实心硬阴影) */
.ct-woo-card-actions .button,
.ct-woo-card-actions a.button,
.ct-woo-card-actions button {
    /* --- 尺寸与布局 --- */
    width: 85% !important;
    max-width: 260px !important;
    padding: 15px 0 !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;

    /* --- 核心风格：白底、黑框、黑字 --- */
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important; /* 2px 实线边框 */
    
    /* --- 关键点：实心硬阴影 (Hard Shadow) --- */
    /* 参数解释: X偏移 Y偏移 模糊半径(0) 扩展半径 颜色 */
    /* 这里的 -4px 4px 模拟了光照从右上角打下来，阴影在左下角的效果 */
    box-shadow: -4px 4px 0px 0px #000000 !important; 

    /* --- 字体排版 --- */
    border-radius: 50px !important;       /* 胶囊形状 */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
    
    /* --- 动画设置 --- */
    text-decoration: none !important;
    /* 设置稍快一点的过渡，让按压感更干脆 */
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; 
}

/* 3. 按钮悬停交互 (Hover Effect) */
/* 效果：按钮向阴影方向“按下去”，同时背景变黑，文字变白 */
.ct-woo-card-actions .button:hover,
.ct-woo-card-actions a.button:hover,
.ct-woo-card-actions button:hover {
    /* 颜色反转 */
    background-color: #000000 !important;
    color: #ffffff !important;
    
    /* 位置移动：向左下角移动，模拟被按下的物理位移 */
    transform: translate(-4px, 4px) !important;
    
    /* 阴影消失：因为按钮已经移到了阴影的位置，所以看起来像完全按平了 */
    box-shadow: 0px 0px 0px 0px #000000 !important;
}

/* 4. 按钮点击/激活状态 (Active) - 选填 */
/* 防止点击瞬间样式乱跳 */
.ct-woo-card-actions .button:active,
.ct-woo-card-actions a.button:active {
    transform: translate(-4px, 4px) !important;
    box-shadow: none !important;
    background-color: #333333 !important; /* 点击时稍微变灰一点点 */
}/* End custom CSS */