.elementor-3331 .elementor-element.elementor-element-970bc0e{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-field-type-html{padding-bottom:0px;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-button[type="submit"]{color:#ffffff;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3331 .elementor-element.elementor-element-fc43f28 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3331 .elementor-element.elementor-element-fc43f28{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}#elementor-popup-modal-3331 .dialog-widget-content{animation-duration:0.4s;background-color:#FFFFFF;}#elementor-popup-modal-3331{background-color:rgba(0, 0, 0, 0.7);justify-content:flex-end;align-items:center;pointer-events:all;}#elementor-popup-modal-3331 .dialog-message{width:395px;height:100vh;align-items:flex-start;padding:20px 10px 20px 10px;}#elementor-popup-modal-3331 .dialog-close-button{display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-c0f2891 *//* 1. 控制商品图片大小（匹配IGP的小图） */
.ywraq-item-list .product-thumbnail img {
    width: 60px; 
    height: 60px; 
    object-fit: cover;
}
/* 2. 给商品列表加底部边框（分隔商品，如IGP的.item-list） */
.ywraq-item {
    border-bottom: 1px solid #f5f5f5; 
    padding: 15px 0;
}
/* 3. 让商品信息与图片横向对齐（避免上下错位） */
.ywraq-item {
    display: flex; 
    align-items: center; 
    gap: 15px;
}/* End custom CSS */
/* Start custom CSS *//* 1. 强制隐藏YITH多余表单（保持页面整洁） */
.yith-ywraq-mail-form-wrapper,
.yith-ywraq-before-table .wc-backward {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. 重构商品列表表格布局（消除默认间距，占满宽度） */
#yith-ywrq-table-list {
    border: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-collapse: collapse !important;
}

/* 3. 隐藏表格默认表头（只保留商品内容） */
#yith-ywrq-table-list thead {
    display: none !important;
}

/* 4. 每行商品容器：flex布局+定位基准（为删除按钮、数量框提供定位） */
#yith-ywrq-table-list tbody tr {
    display: flex !important;
    align-items: flex-start !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
    background-color: #fff !important;
    border-bottom: 1px solid #eee !important;
    position: relative !important; /* 核心：作为删除按钮和数量框的定位基准 */
}

#yith-ywrq-table-list tbody tr:last-child {
    border-bottom: none !important;
}

/* 5. 左侧商品图片区域（固定尺寸，不变形） */
#yith-ywrq-table-list .product-thumbnail {
    width: 100px !important;
    height: 100px !important;
    margin-right: 20px !important;
    flex-shrink: 0 !important; /* 防止图片被压缩 */
}

#yith-ywrq-table-list .product-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* 图片自适应容器，不变形 */
}

/* 6. 中间商品标题区域（占满空间，优化间距） */
#yith-ywrq-table-list .product-name {
    flex: 1 !important; /* 占满剩余横向空间 */
    padding-bottom: 30px !important; /* 预留数量框空间 */
    padding-right: 30px !important; /* 标题右侧留空隙，避免碰删除按钮 */
    font-size: 16px !important;
}

#yith-ywrq-table-list .product-name a {
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    text-decoration: none !important;
    display: block !important;
    line-height: 1.4 !important; /* 标题换行后行高更舒适 */
}

/* 7. 数量框：基于商品行定位（恢复正确逻辑，保留QTY文本） */
#yith-ywrq-table-list .product-quantity {
    /* 隐藏数量框自身的单元格（不占空间） */
    width: 0 !important;
    visibility: hidden !important;
    padding: 0 !important;
    margin: 0 !important;

    /* 核心：基于商品行（tr）定位，确保在标题下方且左对齐 */
    position: absolute !important;
    top: 70px !important; /* 距离行顶部40px，在标题下方 */
    left: 135px !important; /* 图片宽度100px + 右边距20px，与标题左侧对齐 */
    visibility: visible !important;
    width: auto !important;
    min-width: 80px !important;
    text-align: left !important;
}

#yith-ywrq-table-list .quantity {
    display: flex;
    align-items: center;
    gap: 8px !important; /* QTY文本与数量框间距 */
}

/* 新增QTY文本标识（更清晰） */
#yith-ywrq-table-list .quantity::before {
    content: "QTY:";
    font-weight: bold !important;
    color: #333 !important;
    font-size: 14px !important;
}

#yith-ywrq-table-list .quantity input {
    width: 60px !important;
    height: 24px !important;
    background-color: #efefef !important;
    border: none !important;
    padding: 0 8px !important;
}

/* 8. 右侧删除按钮：可点击+视觉对齐 */
#yith-ywrq-table-list .product-remove {
    display: block !important;
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    flex-shrink: 0 !important;
    width: 20px !important;
    height: 20px !important;
    text-align: center !important;
    line-height: 20px !important;
    padding: 0 !important; /* 清除多余内边距，确保点击区域准确 */
}

#yith-ywrq-table-list .product-remove a {
    font-size: 18px !important;
    color: #333 !important;
    text-decoration: none !important;
    display: block !important; /* 点击区域覆盖整个按钮 */
}

/* 9. 清除表格冗余边框（避免干扰样式） */
#yith-ywrq-table-list tr td {
    border: none !important;
    padding: 0 !important;
}/* End custom CSS */