.elementor-widget-product-box {
    --accent-color: var(--e-global-color-accent, #364151);
    --title-color: var(--e-global-color-primary, #364151);
    --text-color: var(--e-global-color-text, #0F172A);

    width: 100%;

    .container {
        display: flex;
        flex-direction: column;
        gap: 16px;

        .title {
            margin: 0;
            color: var(--title-color);
            font-size: 22px;
            font-weight: 600;
            line-height: 28px;
            font-family: 'Poppins', serif;
        }

        .subtitle {
            margin: 0;
            color: var(--text-color);
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            font-family: 'Poppins', serif;
        }

        .container-content {
            display: flex;
            gap: 24px;

            .content-left {
                flex: 4;
                display: flex;
                align-items: center;
                border: 1px solid #3641511c;
                border-radius: 8px;
                transition: all 0.3s;
                cursor: pointer;
                overflow: hidden;
                padding: 12px;

                &:hover {
                    .image {
                        transform: scale(1.05);
                    }
                }

                .image {
                    width: 100%;
                    aspect-ratio: 1 / 1;
                    object-fit: contain;
                    transition: all 0.3s;
                }
            }

            .content-right {
                flex: 6;
                display: flex;
                flex-direction: column;
                gap: 16px;

                .separator {
                    width: 100%;
                    height: 1px;
                    background: #3641511c;
                }

                .container-section {
                    display: flex;
                    flex-direction: column;
                    gap: 8px;
                }
            }
        }
    }

    @media (max-width: 1024px) {
        .container-content {
            flex-direction: column !important;
        }

        .title {
            font-size: 18px !important;
        }
    }
}