.elementor-775 .elementor-element.elementor-element-440f4bd4{--display:flex;--min-height:0px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-775 .elementor-element.elementor-element-2cc2ad83{--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;overflow:visible;}.elementor-775 .elementor-element.elementor-element-a49b34c{--display:flex;overflow:visible;}.elementor-775 .elementor-element.elementor-element-5adf3f18.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-775 .elementor-element.elementor-element-5adf3f18.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-775 .elementor-element.elementor-element-440f4bd4{--width:100%;}}@media(max-width:1024px){.elementor-775 .elementor-element.elementor-element-5adf3f18.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-775 .elementor-element.elementor-element-5adf3f18.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-6da53f61 *//* 主要横幅样式 */
.give-a-gift-banner {
  background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.1)),
              url('https://d3a1v57rabk2hm.cloudfront.net/treats/bold-copy-103/images/shop-banner2.jpg?ts=1637735072&host=my.cratejoy.com');
  background-size: cover;
  background-position: center;
  text-align: center;
  padding: 15px 20px; /* 设定上下边距，控制高度 */
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 380px; /* 桌面端最小高度 */
}

/* 标题样式 */
.banner-title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #40BABF;
  margin-bottom: 20px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* 图片样式 */
.banner-image {
  max-width: 100%;
  height: auto;
  padding-top: 10px;
}

/* 移动端样式，调整高度和间距 */
@media (max-width: 768px) {
  .give-a-gift-banner {
    height: auto !important;
    padding: 5px 20px !important; /* 手机设备使用更小的间距 */
    min-height: 300px; /* 移动端最小高度设置为300px */
  }

  .banner-title {
    font-size: 1.8rem; /* 小屏设备标题字体稍微缩小 */
  }
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-5adf3f18 *//* ===================== Brand Tokens（与站点统一） ===================== */
:root{
  --brand:#c79656;              /* 站点主色（金色） */
  --text:#111827;
  --muted:#6b7280;
  --border:#e5e7eb;
  --paper:#ffffff;

  --radius-lg:16px;
  --shadow-sm:0 4px 10px rgba(0,0,0,.06);
  --shadow-md:0 8px 18px rgba(0,0,0,.10);
  --shadow-press:0 4px 12px rgba(0,0,0,.08);

  --btn-grad-top:#f1e6d6;
  --btn-grad-btm:#e4d2b9;
  --btn-border:#d6c7af;
  --btn-text:#111827;
}

/* ===================== 产品整体卡片 ===================== */
ul.products li.product{
  width:100%;
  max-width:400px;
  background:var(--paper);
  text-align:center;
  overflow:hidden;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-sizing:border-box;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
  border:1px solid var(--border);
  padding-bottom:16px;
}
ul.products li.product:hover{
  box-shadow:var(--shadow-sm);
  border-color:var(--border);
}
ul.products li.product:active{
  box-shadow:var(--shadow-sm);
}

/* ===================== 商品图片 ===================== */
ul.products li.product img{
  width:100%;
  height:220px;
  object-fit:contain;
  display:block;
  margin-bottom:6px;
  border-top-left-radius:var(--radius-lg);
  border-top-right-radius:var(--radius-lg);
  background:#f8f8f8;
  padding:10px;
}

/* ===================== 标题 ===================== */
ul.products li.product h2.woocommerce-loop-product__title{
  font-size:16px;
  font-weight:700;
  color:var(--text);
  margin:12px 0 6px;
  padding:0 12px;
  line-height:1.35;
}

/* ===================== 价格区域（横排） ===================== */
ul.products li.product .price{
  display:flex !important;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:8px;
  line-height:1.2;
  color:var(--text);
}
ul.products li.product .price ins{
  order:1;
  color:var(--brand);
  font-size:17px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
ul.products li.product .price del{
  order:2;
  color:var(--muted);
  font-size:13px;
  font-weight:500;
  white-space:nowrap;
  transform:translateY(-1px);
}

/* ===================== Sale 标记 ===================== */
ul.products li.product .onsale{
  position:absolute;
  top:10px; left:10px; z-index:2;
  background:var(--brand);
  color:#fff;
  padding:4px 10px;
  font-size:12px;
  font-weight:800;
  border-radius:999px;
  box-shadow:0 2px 6px rgba(0,0,0,.10);
  letter-spacing:.02em;
}

/* ===================== 加入购物车按钮（统一金色渐变） ===================== */
ul.products li.product .add_to_cart_button{
  display:block;
  width:90%;
  margin:16px auto 10px;
  padding:14px 0;
  text-align:center;
  font-size:15px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--btn-text);
  background:linear-gradient(180deg,var(--btn-grad-top),var(--btn-grad-btm));
  border-radius:999px;
  border:1px solid var(--btn-border);
  box-shadow:0 3px 6px rgba(17,24,39,.06);
}

/* 移除键盘可达性特效 */
ul.products li.product a.add_to_cart_button:focus-visible,
ul.products li.product a:focus-visible{
  outline:none;
}

/* ===================== 响应式 ===================== */
@media (max-width:768px){
  ul.products li.product{
    max-width:100%;
    margin:12px auto;
    border-radius:12px;
    padding-bottom:16px;
  }
  ul.products li.product img{
    height:180px;
    padding:8px;
  }
  ul.products li.product h2.woocommerce-loop-product__title{font-size:15px}
  ul.products li.product .add_to_cart_button{font-size:14px; padding:12px 0}
  ul.products li.product .price ins{font-size:16px}
  ul.products li.product .price del{font-size:12px}
}

/* ===================== 加入购物车按钮（恢复特效） ===================== */
ul.products li.product .add_to_cart_button{
  display:block;
  width:90%;
  margin:16px auto 10px;
  padding:14px 0;
  text-align:center;
  font-size:15px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--btn-text);
  background:linear-gradient(180deg,var(--btn-grad-top),var(--btn-grad-btm));
  border-radius:999px;
  transition:filter .2s ease, transform .15s ease, box-shadow .2s ease; /* 恢复过渡效果 */
  border:1px solid var(--btn-border);
  box-shadow:0 3px 6px rgba(17,24,39,.06);
}
ul.products li.product .add_to_cart_button:hover{
  filter:brightness(.98); /* 恢复hover亮度变化 */
  transform:scale(1.03); /* 恢复hover缩放效果 */
}
ul.products li.product .add_to_cart_button:active{
  transform:scale(.97); /* 恢复点击缩放效果 */
  box-shadow:0 2px 4px rgba(17,24,39,.08); /* 恢复点击阴影变化 */
}

/* 恢复键盘可达性焦点效果（提升可访问性） */
ul.products li.product a.add_to_cart_button:focus-visible,
ul.products li.product a:focus-visible{
  outline:3px solid rgba(199,150,86,.45);
  outline-offset:2px;
  border-radius:10px;
}

/* ===================== 可选：深色模式微调 ===================== */
@media (max-width:768px){
  /* 缩小移动版按钮尺寸 */
  ul.products li.product .add_to_cart_button{
    font-size:13px;       /* 字体从14px减小到13px */
    padding:10px 0;       /* 内边距从12px减小到10px，降低按钮高度 */
    width:85%;            /* 宽度从90%略减，减少左右占比 */
    margin:12px auto 8px; /* 减少上下外边距，节省垂直空间 */
    letter-spacing:.04em; /* 略微减小字符间距 */
  }
}

/* 保持按钮特效不变（仅调整尺寸） */
ul.products li.product .add_to_cart_button{
  display:block;
  text-align:center;
  font-weight:900;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--btn-text);
  background:linear-gradient(180deg,var(--btn-grad-top),var(--btn-grad-btm));
  border-radius:999px;
  transition:filter .2s ease, transform .15s ease, box-shadow .2s ease;
  border:1px solid var(--btn-border);
  box-shadow:0 3px 6px rgba(17,24,39,.06);
}
ul.products li.product .add_to_cart_button:hover{
  filter:brightness(.98);
  transform:scale(1.03);
}
ul.products li.product .add_to_cart_button:active{
  transform:scale(.97);
  box-shadow:0 2px 4px rgba(17,24,39,.08);
}

ul.products li.product a.add_to_cart_button:focus-visible,
ul.products li.product a:focus-visible{
  outline:3px solid rgba(199,150,86,.45);
  outline-offset:2px;
  border-radius:10px;
}/* End custom CSS */