.elementor-29819 .elementor-element.elementor-element-64a4994e{--display:flex;}.elementor-29819 .elementor-element.elementor-element-4b8e9cf{--display:flex;}@media(min-width:768px){.elementor-29819 .elementor-element.elementor-element-64a4994e{--content-width:1271px;}}/* Start custom CSS for shortcode, class: .elementor-element-4e5dbffa */.opc-product-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 電腦版: 3 列 */
        gap: 20px; /* 調整間距 */
    }
    @media (max-width: 768px) {
        .opc-product-grid {
            grid-template-columns: repeat(2, 1fr); /* 手機版: 2 列 */
        }
    }
    .opc-product-item {
        border: 1px solid #ddd;
        padding: 15px;
        background: #fff;
    }
    /* 強制縮圖區塊維持 1:1 比例 */
    .product-thumbnail {
        position: relative;
        width: 100%;
        aspect-ratio: 1; /* 現代瀏覽器支援 */
        overflow: hidden;
    }
    /* 如果需支援較舊瀏覽器，可使用 padding-bottom 技巧，例如：
    .product-thumbnail {
        position: relative;
        width: 100%;
        padding-bottom: 100%;
        overflow: hidden;
    }
    .product-thumbnail img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    */
    
    .product-thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* 填滿並裁切圖片，確保圖片比例正確 */
        display: block;
    }/* End custom CSS */