.elementor-9790 .elementor-element.elementor-element-405eab2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.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-9790 .elementor-element.elementor-element-4cf2bc8.elementor-element{--align-self:center;}.elementor-9790 .elementor-element.elementor-element-fe0601c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-9790 .elementor-element.elementor-element-7f8ec26.elementor-element{--align-self:flex-end;}/* Start custom CSS for html, class: .elementor-element-7f8ec26 */.product-grid-wrap ul.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 对应你短代码中的 columns="4" */
    gap: 20px;
    list-style: none;
    padding: 0;
}

.product-grid-wrap .product {
    text-align: center;
    transition: transform 0.3s ease;
}

.product-grid-wrap .product:hover {
    transform: translateY(-5px); /* 向上微动 */
}

.product-grid-wrap .product img {
    width: 100%;
    height: auto;
    background-color: #f9f9f9; /* 给图片一个浅色底，即使图片透明也好看 */
    border-radius: 4px;
}/* End custom CSS */