.elementor-8204 .elementor-element.elementor-element-f55ea49{--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;}.elementor-8204 .elementor-element.elementor-element-f55ea49.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8204 .elementor-element.elementor-element-730715c{width:var( --container-widget-width, 101.702% );max-width:101.702%;--container-widget-width:101.702%;--container-widget-flex-grow:0;text-align:center;}.elementor-8204 .elementor-element.elementor-element-730715c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8204 .elementor-element.elementor-element-319a9dc{--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;}.elementor-8204 .elementor-element.elementor-element-319a9dc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8204 .elementor-element.elementor-element-61d623b{width:var( --container-widget-width, 100.807% );max-width:100.807%;--container-widget-width:100.807%;--container-widget-flex-grow:0;}.elementor-8204 .elementor-element.elementor-element-61d623b.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-8204 .elementor-element.elementor-element-f55ea49{--width:99.19%;}.elementor-8204 .elementor-element.elementor-element-319a9dc{--width:99.199%;}}/* Start custom CSS for html, class: .elementor-element-61d623b *//* --- 1. 彻底打破主题宽度限制，放大画布 --- */
/* 这里的 .elementor-8204 .elementor-element.elementor-element-61d623bs 可能需要根据你的主题微调，通常能覆盖大部分主题 */
.site-content .ast-container, 
.container, 
.jeulia-ultra-wrapper {
    max-width: 98% !important; 
    width: 98% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* --- 2. 核心布局：侧边栏与产品区域 --- */
.jeulia-container {
    display: flex !important;
    align-items: flex-start;
    gap: 40px; /* 侧边栏和产品之间的间距 */
    margin-top: 20px;
}

/* 侧边栏：固定宽度，对齐左侧 */
.jeulia-sidebar {
    width: 260px !important;
    flex-shrink: 0;
    text-align: left;
}

/* 主产品区：向右伸展并放大内容 */
.jeulia-main {
    flex-grow: 1;
    width: 100%;
}

/* --- 3. 产品网格：工整且放大图片 --- */
.product-grid-wrap ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 强制 4 列，图片会随宽度自动放大 */
    gap: 30px 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* 产品图片容器美化 */
.product-grid-wrap li.product img {
    width: 100% !important;
    height: auto !important;
    background-color: #f9f9f9; /* 模仿图片中的浅灰色底，显得更高档 */
    object-fit: contain;
}

/* --- 4. 侧边栏美化 (针对 WOOF 插件) --- */
/* 标题样式：带折叠箭头 */
.woof_container h4 {
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 0 10px !important;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px !important;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

/* 复选框与文字工整对齐 */
.woof_list_checkbox li {
    display: flex !important;
    align-items: center !important;
    padding: 5px 0 !important;
    font-size: 13px;
    color: #444;
}

.woof_checkbox_term {
    margin-right: 12px !important;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* --- 5. 响应式：手机端自动变回 2 列 --- */
@media (max-width: 1024px) {
    .product-grid-wrap ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .jeulia-container {
        flex-direction: column;
    }
    .jeulia-sidebar {
        width: 100% !important;
    }
}/* End custom CSS */