.elementor-30587 .elementor-element.elementor-element-7dfc76c{background-color:#F4F4F4;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}.elementor-30587 .elementor-element.elementor-element-7dfc76c.elementor-element{--flex-grow:1;--flex-shrink:0;}.woocommerce .elementor-30587 .elementor-element.elementor-element-7dfc76c .flex-viewport:not(:last-child){margin-bottom:0px;}.woocommerce .elementor-30587 .elementor-element.elementor-element-7dfc76c .flex-control-thumbs li{padding-right:calc(0px / 2);padding-left:calc(0px / 2);padding-bottom:0px;}.woocommerce .elementor-30587 .elementor-element.elementor-element-7dfc76c .flex-control-thumbs{margin-right:calc(-0px / 2);margin-left:calc(-0px / 2);}.elementor-30587 .elementor-element.elementor-element-cbff38b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-30587 .elementor-element.elementor-element-a866de7{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-30587 .elementor-element.elementor-element-1b20182{margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;}.elementor-30587 .elementor-element.elementor-element-1f25402{font-size:12px;}.elementor-30587 .elementor-element.elementor-element-53fb6c5 .elementor-button{background-color:#381313;fill:#FFFFFF;color:#FFFFFF;}.elementor-30587 .elementor-element.elementor-element-7dba900{font-size:12px;}.elementor-30587 .elementor-element.elementor-element-e842856{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-30587 .elementor-element.elementor-element-e842856 .elementor-heading-title{font-size:10px;}.elementor-30587 .elementor-element.elementor-element-617de00{width:var( --container-widget-width, 98% );max-width:98%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 8px;--container-widget-width:98%;--container-widget-flex-grow:0;}.elementor-30587 .elementor-element.elementor-element-617de00 .cart button, .elementor-30587 .elementor-element.elementor-element-617de00 .cart .button{transition:all 0.2s;}.elementor-30587 .elementor-element.elementor-element-617de00 .quantity .qty{transition:all 0.2s;}.elementor-30587 .elementor-element.elementor-element-3af697e{width:100%;max-width:100%;}.elementor-30587 .elementor-element.elementor-element-3af697e .elementor-title{font-size:15px;}.elementor-30587 .elementor-element.elementor-element-3af697e .elementor-progress-wrapper .elementor-progress-bar{background-color:#000000;}.elementor-30587 .elementor-element.elementor-element-3af697e .elementor-progress-bar{height:11px;line-height:11px;}.elementor-30587 .elementor-element.elementor-element-3af697e .elementor-progress-wrapper{border-radius:23px;overflow:hidden;}.elementor-30587 .elementor-element.elementor-element-6398e62{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:10px;color:#000000;}.elementor-30587 .elementor-element.elementor-element-23657c5{margin:-20px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:10px;color:#000000;}.elementor-30587 .elementor-element.elementor-element-a34bc6b{font-size:10px;}.elementor-30587 .elementor-element.elementor-element-ad07012{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-item > a{font-size:26px;}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-30587 .elementor-element.elementor-element-1991fca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}@media(max-width:768px){.elementor-30587 .elementor-element.elementor-element-7dfc76c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(35px/2);}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(35px/2);}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(35px/2);}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-35px/2);}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-35px/2);}.elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-30587 .elementor-element.elementor-element-ad07012 .elementor-icon-list-item > a{font-size:10px;}}/* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-1b20182 */.elementor-30587 .elementor-element.elementor-element-1b20182 span.desc-red {
  display: inline-block;
  font-weight: 700;
  animation: desc-red-float 3s ease-in-out infinite;
}

.elementor-30587 .elementor-element.elementor-element-1b20182 .desc-one-line {
  white-space: nowrap;
  margin: 0 0 14px;
}

.elementor-30587 .elementor-element.elementor-element-1b20182 p {
  line-height: 1.65;
}

@keyframes desc-red-float {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-53fb6c5 *//* ============================================================
   1. 按钮容器基础样式：黄色背景、黑色文字与圆角
   ============================================================ */
.elementor-30587 .elementor-element.elementor-element-53fb6c5 .elementor-button {
    background-color: #FEE500 !important; /* Kakao 官方黄色 */
    color: #191919 !important; /* 深黑色文字 */
    border-radius: 8px !important; /* 圆角 */
    padding: 15px 20px !important; /* 撑开上下和左右内边距 */
    font-weight: bold !important; /* 文字加粗 */
    font-size: 15px !important; /* 字体大小 */
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* 内容向左对齐 */
    position: relative !important;
    width: 100% !important;
    border: none !important;
    transition: all 0.3s ease !important;
    
    /* 为左侧代码绘制的图标腾出空间 (24px图标 + 12px间距) */
    padding-left: 56px !important; 
}

/* 2. 鼠标悬停时的变暗效果 */
.elementor-30587 .elementor-element.elementor-element-53fb6c5 .elementor-button:hover {
    background-color: #fada00 !important; 
}

/* 隐藏 Elementor 自带的任何图标（防止干扰） */
.elementor-30587 .elementor-element.elementor-element-53fb6c5 .elementor-button-icon {
    display: none !important;
}


/* ============================================================
   3. CSS 绘制 Ch 图标 (核心部分)
   ============================================================ */

/* 3.1 绘制聊天气泡的底色黑色圆圈 */
.elementor-30587 .elementor-element.elementor-element-53fb6c5 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: 20px !important; /* 距离左侧边缘 20px */
    top: 50% !important;
    transform: translateY(-50%) !important;
    
    /* 图标尺寸 */
    width: 24px !important;
    height: 24px !important;
    
    background-color: #191919 !important; /* 气泡底色：黑色 */
    border-radius: 50% !important; /* 圆形气泡 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* 绘制气泡右下角的小尾巴 */
    border-bottom-right-radius: 2px !important; 
    
    z-index: 1 !important;
}

/* 3.2 用伪元素生成“Ch”文本并放在黑色圆圈内 */
.elementor-30587 .elementor-element.elementor-element-53fb6c5 .elementor-button::before {
    content: "Ch" !important; /* 填入Ch字母 */
    font-family: Arial, sans-serif !important; /* 使用清晰的无衬线字体 */
    color: #FEE500 !important; /* 字母颜色：黄色 */
    font-size: 12px !important; /* 字母大小 */
    font-weight: 900 !important; /* 极粗 */
    text-align: center !important;
    line-height: 24px !important; /* 垂直居中 */
    letter-spacing: -0.5px !important; /* 紧缩字母间距 */
}


/* ============================================================
   4. 用伪元素在最右侧绘制 ">" 箭头
   ============================================================ */
.elementor-30587 .elementor-element.elementor-element-53fb6c5 .elementor-button::after {
    content: "" !important;
    position: absolute !important;
    right: 20px !important; /* 距离右侧边缘 20px */
    top: 50% !important;
    
    /* 绘制角度 */
    transform: translateY(-50%) rotate(45deg) !important;
    
    /* 箭头尺寸与粗细 */
    width: 8px !important;
    height: 8px !important;
    border-top: 2px solid #191919 !important; /* 箭头两条边 */
    border-right: 2px solid #191919 !important;
    
    transition: all 0.3s ease !important;
    z-index: 2 !important;
}

/* 鼠标悬停时，右侧小箭头微微向右滑动 */
.elementor-30587 .elementor-element.elementor-element-53fb6c5 .elementor-button:hover::after {
    right: 15px !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-617de00 *//* 1. 仅把这个小部件做成顶部灰色大容器 */
.elementor-30587 .elementor-element.elementor-element-617de00 .elementor-widget-container {
    background-color: #F8F9FA !important; /* 极浅灰色底 */
    border-radius: 6px !important;        /* 圆角 */
    padding: 24px !important;             /* 内边距 */
    display: flex !important;
    flex-direction: column !important;
}

/* 2. 动态产品标题（让它在灰色框最顶部） */
.elementor-30587 .elementor-element.elementor-element-617de00 .elementor-widget-container .product_title,
.elementor-30587 .elementor-element.elementor-element-617de00 .elementor-widget-container h1 {
    display: block !important;
    font-size: 16px !important;
    color: #333333 !important;
    font-weight: 600 !important;
    text-align: left !important;
    margin-bottom: 16px !important; 
    width: 100% !important;
}

/* 3. 数量加减号与右侧价格在一行 */
.elementor-30587 .elementor-element.elementor-element-617de00 form.cart {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
}

/* 4. 加减号数量框样式 */
.elementor-30587 .elementor-element.elementor-element-617de00 .quantity {
    display: inline-flex !important;
    background-color: #ffffff !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 0px !important;
    overflow: hidden !important;
}
.elementor-30587 .elementor-element.elementor-element-617de00 .quantity input.qty,
.elementor-30587 .elementor-element.elementor-element-617de00 .quantity .minus,
.elementor-30587 .elementor-element.elementor-element-617de00 .quantity .plus {
    background: transparent !important;
    border: none !important;
    height: 36px !important;
    width: 36px !important;
    text-align: center !important;
}

/* 5. 隐藏这个小部件里自带的那个废按钮 */
.elementor-30587 .elementor-element.elementor-element-617de00 button.single_add_to_cart_button {
    display: none !important;
}

/* 6. 右侧显示价格 */
.elementor-30587 .elementor-element.elementor-element-617de00 form.cart::after {
    content: "14,900원" !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS for progress, class: .elementor-element-3af697e *//* 1. 外部灰色大容器的基础样式 */
.elementor-30587 .elementor-element.elementor-element-3af697e .elementor-widget-container {
    background-color: #F8F9FA !important; /* 极浅灰色底 */
    border-radius: 6px !important;        /* 圆角 */
    padding: 24px !important;             /* 舒适的内边距 */
    display: flex !important;
    flex-direction: column !important;     /* 允许上下排版 */
    position: relative !important;
}

/* 2. 动态产品标题（让它在灰色框最顶部） */
.elementor-30587 .elementor-element.elementor-element-3af697e .elementor-widget-container .product_title,
.elementor-30587 .elementor-element.elementor-element-3af697e .elementor-widget-container h1 {
    display: block !important;
    font-size: 16px !important;
    color: #333333 !important;
    font-weight: 600 !important;
    text-align: left !important;
    margin-bottom: 16px !important; 
    width: 100% !important;
    order: -2 !important; /* 确保标题排在第一 */
}

/* 3. 让购买表单和数量加减号横向排列、两端对齐 */
.elementor-30587 .elementor-element.elementor-element-3af697e form.cart {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important; /* 左右两端对齐 */
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    order: -1 !important; /* 确保购买区域排在第二 */
}

/* 4. 精准定制加减号数量框样式 (纯白底、灰色边框) */
.elementor-30587 .elementor-element.elementor-element-3af697e .quantity {
    display: inline-flex !important;
    background-color: #ffffff !important;   /* 纯白底色 */
    border: 1px solid #E5E5E5 !important;   /* 浅灰色外框 */
    border-radius: 0px !important;          /* 纯直角 */
    overflow: hidden !important;
    margin: 0 !important;
}

/* 数量框内的输入数字以及加减号按钮 */
.elementor-30587 .elementor-element.elementor-element-3af697e .quantity input.qty,
.elementor-30587 .elementor-element.elementor-element-3af697e .quantity .minus,
.elementor-30587 .elementor-element.elementor-element-3af697e .quantity .plus {
    background: transparent !important;
    border: none !important;
    height: 36px !important;
    width: 36px !important;
    font-size: 15px !important;
    color: #000000 !important;
    text-align: center !important;
}

/* 5. 强行隐藏右侧自带的旧“加入购物车”大按钮 */
.elementor-30587 .elementor-element.elementor-element-3af697e button.single_add_to_cart_button {
    display: none !important;
}

/* 6. 在右侧渲染出加粗的价格 */
.elementor-30587 .elementor-element.elementor-element-3af697e form.cart::after {
    content: "14,900원" !important;         /* 价格文字 */
    font-size: 18px !important;            /* 略微放大的字号 */
    font-weight: bold !important;          /* 字体加粗 */
    color: #000000 !important;             /* 纯黑色 */
    display: inline-block !important;
}

/* 7. 让系统自带的活进度条自动乖乖排在最下方，并和上面拉开间距 */
.elementor-30587 .elementor-element.elementor-element-3af697e .woodmart-free-shipping-bar {
    order: 1 !important;                  /* 强制排在灰色容器内部的最下方 */
    margin-top: 16px !important;          /* 与加减号拉开间距 */
    width: 100% !important;
}

/* 让插件自动生成的总价容器强行排在最下方，并独占一行 */
.wpcq-total {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin-top: 15px !important;
    font-size: 18px !important;
    font-weight: bold !important;
}/* End custom CSS */